How do I use jQuery to preventDefault behaviour on a form after the DOM has loaded?

[Freeeze]

I'm loading a form using jQuery: \[code\]<script type='text/javascript'> $(document).ready(function() { $('button').click(function(){ $url="/quiz/" + $(this).attr('id'); $.ajax({ url:$url, success:function(data){ $('button').fadeOut('slow',function(){ $('.center').html(data).hide().fadeIn(600); }); } }); });$(document).on('submit','form-inline', function(event){ alert("Attempt"); event.preventDefualt(); });</script>\[/code\]With the markup:\[code\]<form class="form-inline"> <input type="text" class="input-xlarge" placeholder="Quiz Name"> <button id="quiz-name" type="submit" class="btn btn-large">Next >></button></form>\[/code\]After the form has loaded I would like to prevent the form from submitting. But I'm having difficulty emulating this behaviour. How would I do this?