title: submitting html form via jquery ajax() and serialize()
body: <p>I want to submit this form via jquery ajax, this is what I have made and it is not working. i.e. Form is submitting with page refresh and I am not seeing the response i.e. printing array on the same page.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>  &lt;link rel='stylesheet' type='text/css' href='css/pepper-grinder/jquery-ui-1.10.4.custom.css' /&gt;
      &lt;script  type='text/javascript' src='js/jquery-1.10.2.js' &gt;&lt;/script&gt;
      &lt;script  type='text/javascript' src='js/jquery-ui-1.10.4.custom.min.js' &gt;&lt;/script&gt;
          &lt;form  id="form1" method="get" action="submit.php   "&gt;
              &lt;label&gt;Name of Organization&lt;/label&gt;
              &lt;input type="text" name="OrgName" id="OrgName" class="textfield"&gt;
              &lt;label&gt;Address of Organization&lt;/label&gt;
              &lt;input type="text" name="OrgAddress" id="OrgAddress" class="textfield"&gt;
              &lt;input type="submit" value="Register Organization"&gt;
          &lt;/form&gt;
          &lt;div id="response"&gt;ads&lt;/div&gt;
  
      &lt;script&gt;
      $document.ready(function(){
          $("#form1").click((function(event){
              event.preventDefault();
  
              $.ajax({
                      url:'submit.php',
                      type:'GET',
                      data:$(this).serialize(),
                      success:function(result){
                          $("#response").text(result);
  
                      }
  
              });
          });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p><strong>PHP (submit.php)</strong></p>
  
  <pre><code>&lt;?php
  print_r($_GET);
  ?&gt;
  </code></pre>