title: Cannot prevent default actions for form Buttons appended on Jquery UI dialog
body: <p>I am loading form thorough Ajax to a jquery dialog window but I can't  prevent default submission of the Form when I attach a click event on the submit button ie. I want the form not to submit when the user clicks the  appended form submit button and the dialog does not close. The problem am having is , that, I can't select this button using jquery but the script functions when i run it in firebug and the dialog is already opened.
  The form is daynamincally created in the admin.php from a class
  NB: the form is loaded correctly in the Dialog window so ajax is fine  but i cant select and attach click event to the form summit button and i dont want to use the dialog buttons. I want the form to function as expected. Then, I can prevent the submit button action if the form is on normal webpage but not in the dialog
  Please assist me am new in programming 
  This is the code in the admin.php which is loaded via Jquery ajax when a link clicked</p>
  
  <pre><code>&lt;form action="process.php" method="post" id="edit_form"&gt;   
  &lt;input type="submit" name="event_submit" value="Create" /&gt;
  &lt;a href="./"&gt;cancel&lt;/a&gt;
  &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I cant also prevent the default action of the cancel link when it is clicked.
  THis is the jquery code to load the admin.php</p>
  
  <p>This is the code to prevent the default action of  form  submit button from functioning</p>
  
  <pre><code>$("#edit_form input[type=submit]").on("click",function(event){
          event.preventDefault();         
          alert('You clicked a button');  
      });
  </code></pre>