title: how to submit form and display result with out refresh page
body: <p>I have this form and result <code>div</code> :</p>
  
  <pre><code>&lt;form action="result.php"&gt;
  
  &lt;input type="checkbox" name="number[]" value="11" /&gt;
  &lt;input type="checkbox" name="number[]" value="12" /&gt;
  &lt;input type="checkbox" name="number[]" value="13" /&gt;
  &lt;input type="checkbox" name="number[]" value="14" /&gt;
  &lt;input type="checkbox" name="number[]" value="15" /&gt;
  &lt;input id="submit" type="submit" name="submit" value="show result" /&gt;
  &lt;/form&gt;
  
  &lt;div id="result"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Now I want when i click on the submit display <code>result.php</code> in <code>div</code> with <code>id="result"</code></p>
  
  <p>how can I use ajax for this?</p>