sending form data to php using ajax
<p>I Have an requirement to pass form data to php using ajax and implement it in php to calculate the sum , division and other arithmetic methods I am a new to ajax calls trying to learn but getting many doubts....
It would be great help if some one helps me out with this</p>

<p><strong>index.html</strong></p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){

  $("#submit_btn").click(function() {
         $.ajax({

      url: 'count.php',

    data: data,
        type: 'POST',
        processData: false,
        contentType: false,
        success: function (data) {
            alert('data');
        }
     })

});
    &lt;/script&gt;
&lt;/head&gt;

&lt;form name="contact" id="form" method="post" action=""&gt;

      &lt;label  for="FNO"&gt;Enter First no:&lt;/label&gt;
      &lt;input type="text" name="FNO" id="FNO" value=""  /&gt;
label for="SNO"&gt;SNO:&lt;/label&gt;
                        &lt;input type="text" name="SNO" id="SNO" value="" /&gt;

      &lt;input type="submit" name="submit" class="button" id="submit_btn" value="Send" /&gt;

  &lt;/form&gt;
</code></pre>

<p>In <strong>count.php</strong> i want to implement </p>

<pre><code>&lt;?php
$FNO = ($_POST['FNO']);
$SNO=($_post['SNO']);


$output=$FNO+$SNO;
echo $output;

?&gt;
</code></pre>

<p>(i want to display output in count.php page not in the first page index.html)
Thanks for your help in advance.</p>
