title: How to stop form from resetting on submit
body: <p>I have a simple form that triggers an ajax call but as soon as the submit button is clicked the form resets and clears all entries. Do you know how to prevent this? I'd like to have control over when the form gets cleared.The code is below. I suspect I need to abandon the submit function and detect the "click" event on a button.</p>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code>$("#Formid").submit(function(){loadAjax();});
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;form id="Formid" method="put"&gt;
         Name&lt;BR/&gt;
         &lt;input type="text" name="name"/&gt;&lt;BR/&gt;&lt;BR/&gt;
         Node Id&lt;BR/&gt;
         &lt;input type="text" name="node_id"/&gt;&lt;BR/&gt;&lt;BR/&gt;
         Type&lt;BR/&gt; 
         &lt;input type="text" name="type"/&gt;&lt;BR/&gt;&lt;BR/&gt;
         Parent&lt;BR/&gt; 
         &lt;input type="text" name="parent_id"/&gt;&lt;BR/&gt;&lt;BR/&gt;
         Longitude&lt;BR/&gt; 
         &lt;input type="text" name="longitude"/&gt;&lt;BR/&gt;&lt;BR/&gt;
         Latitude&lt;BR/&gt;
         &lt;input type="text" name="latitude"/&gt;&lt;BR/&gt;&lt;BR/&gt;           
         Description&lt;BR/&gt;          
         &lt;textarea name="description" rows="5" cols="40"&gt;Insert description  here&lt;/textarea&gt;&lt;BR/&gt;&lt;BR/&gt;           
         &lt;input type="submit" value="Add Node"/&gt;
  
      &lt;/form&gt;
  </code></pre>