Как выполнить ajax функцию не через submit, а через обычный div?

[drkrol]

Здравствуйте. Такая вот ситуация. Есть ajax функция:

$(function(){
        $('#ajaxlogin').on( "submit", function(e) {
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: "ajaxlogin.php",
                data: $('#ajaxlogin').serialize(),
                success: function(data){
                    alert(data);
                }
            });
        });
    });

,и она работает, когда я нажимаю на input type="submit". Подскажите, как сделать, чтобы она работала, когда я нажимаю на div с классом, например, send?
И вот еще вопрос сюда же. Если это будет div, то скорее всего форма не будет отправляться по нажатию на кнопку Enter. Как сделать, чтобы это происходило?


Вообще это функция отправки формы на сервер, если я сделаю так:

$('.send').click(function(){
$.ajax...
});

или так:

$('.send').submit();

, то на почту придёт пустое письмо, поэтому наличие $('#ajaxlogin') обязательно. Однако в форме уже присутствует один submit и его трогать нельзя. По идее, в начале происходит ajax отправка формы на сервер, там она проверяется, если всё верно, то имитируется нажатие на кнопку submit...

 

[Absolute]

Подскажите, как сделать, чтобы она работала, когда я нажимаю на div с классом, например, send?
И вот еще вопрос сюда же. Если это будет div, то скорее всего форма не будет отправляться по нажатию на кнопку Enter. Как сделать, чтобы это происходило?

$('.send').on('click', function(){
     $('#ajaxlogin').submit();
    });

 

[KurtRassel]

И вот еще вопрос сюда же. Если это будет div, то скорее всего форма не будет отправляться по нажатию на кнопку Enter. Как сделать, чтобы это происходило?

document.onkeyup = function (e) {
    e = e || window.event;
    if (e.keyCode === 13) {
        $('ajaxlogin').submit();
    }
    return false;
}