title: Why this ajax call is not working?
body: <pre><code>$(document).ready(function(){
  
      $('.clickthetext').click(function(){
  
          $.post("submit.php", $("#formbox").serialize(),  function(response) {
              $('#content').html(response);
          });
          return false;
      });
  
  });
  </code></pre>
  
  <p>My target to pass content from the form and edit the data and show response at current page.</p>
  
  <p><strong>.clickthetext</strong> button content:</p>
  
  <pre><code>&lt;div class="clickthetext"&gt;Click here to see the result&lt;/div&gt;
  </code></pre>
  
  <p>content inside id <strong>#formbox</strong>:<br />
  Part of the form inside this id. rest of the form is out side this id will be processed later. only content/input inside of id "formbox" will be processed.</p>
  
  <p>Whatever response we will get, we will show inside of "#content" id.</p>
  
  <p>What i am doing wrong here?</p>
  
  <p>----edit----</p>
  
  <p>i didn't add anything on submit.php
  only to show response, i wrote there:</p>
  
  <pre><code>&lt;?php
   echo 'somthing blah blah blah something';
  ?&gt;
  </code></pre>