Форма Ajax не работает

Question

Как-то моя форма не работает. Кто-нибудь знает почему? Кажется, что ajax вообще не пинает, потому что действие ногами - data.php, а не data_ajax.php, и я должен увидеть, работает ли ajax.

EDIT

Изменен HTML к тому, что он на самом деле выглядит, хотя она должна быть такой же результат.

HTML

<div id="hidden_slidersize"></div> 
<script type="text/javascript"> 
$(function(){ 
if ($('body').width() >= 960) { 
var sizeOfSlider = 500; 
} else { 
var sizeOfSlider = ($('body').width())/2; 
} 
$('#hidden_slidersize').html('<form id="dataform" method="post" name="hiddentrick_form" action="data.php"><fieldset><input id="hiddentrick" name="hiddentrick" type="hidden" value="' + sizeOfSlider + '" /><input class="datasubmit" type="submit" value="senddata" /></fieldset></form>'); 
}); 
</script> 

Script

$(document).ready(function() { 

var form = $('form#dataform'); 

     form.submit(function() { 

    $.ajax({ 
     type: 'POST', 
     url: 'data_ajax.php', 
     data: form.serialize(), 
     dataType:'html', 
     success: function(data) {alert('yes');}, 
     error: function(data) { 
     //AJAX request not completed 
     alert('no'); 
     } 
    }); 
    return false; 

     }); 
}); 

Answer 1

Вы должны использовать .on() метод, потому что ваш контент загружается динамически.

$(document).ready(function() { 

$(document).on('submit', 'form#dataform', function() { 

    $.ajax({ 
     type: 'POST', 
     url: 'data_ajax.php', 
     data: form.serialize(), 
     dataType:'html', 
     success: function(data) {alert('yes');}, 
     error: function(data) { 
     //AJAX request not completed 
     alert('no'); 
     } 
    }); 
    return false; 

     }); 
});