Влад Шариков

как реализовать увеличение изображения в модальном окне при клике на него...

В этом поможет ColorBox Plugin.

чтобы еще можно было листать их

Листать открывшееся модальное окно тоже умеет. Смотрите примеры.

Это — то, что нужно? Юзайте Colorbox Plugin тогда (ну или что-то подобное, дадено для примера).

Именно ваш код не работает (не видит функцию ajaxForm — пример), предложу немного другие варианты.

1. Присвоить всем формам ID и, затем, указать все эти ID в селекторе в JS:

$("#form1, #form2").submit(function () {
    console.log($(this)); // <-- в $(this) содержится указатель на форму
    return false;
});

Пример тут

Если не хочется писать кучу ID в jQuery (хотя по-моему ничего в этом нет, а так и надо сделать, как в 1 методе), то...

2. Присвоить форме класс (это не подразумевает, что нужно в css делать стиль под него и т.п.), но не id, так как ID должен быть уникальным:

$(".handleMe").each(function () {
    $(this).submit(function () { // <-- в $(this) содержится указатель на форму
        console.log($(this)); // <-- в $(this) содержится указатель на форму
        return false;
    });  
});

Пример здесь

P.S.: Пример для работы с span с классом ajaxContent именно той формы, которую мы отправили:

$("#form1, #form2").submit(function () {
    console.log($(this)); // <-- в $(this) содержится указатель на форму
    $("#"+$(this).attr('id')+" .ajaxContent").html('bro');
    return false;
});

Добавилась строка

$("#"+$(this).attr('id')+" .ajaxContent").html('bro');

. С помощью $(this).attr('id') получим id текущей формы (которую отправили). С помощью полученного id формируем селектор, который даст нам span текущей формы. В него и пишем что-то:

$("#"+$(this).attr('id')+" .ajaxContent").html('bro');

Сам пример лежит тут.