title: Ajax POST form data is send as GET request
body: <p>I am creating a chat system. I am sending a form data through ajax method in jquery. My first problem is ajax method is not sending data to proccess.php and page goes to redirect to its self.</p>
  
  <pre><code>&lt;div id="chatOutput"&gt;&lt;/div&gt;
  &lt;form id="myform"&gt;
      &lt;textarea id="chatInput" name="chatInput"&gt;&lt;/textarea&gt;
      &lt;input type="submit" id="send" name="send" value="send" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and script is :</p>
  
  <pre><code>$('#send').click(function () {
      $('#myform').submit();
      $.ajax({
          url: 'process.php',
          type: 'post',
          dataType: 'json',
          data: $('#myform').serialize(),
          success: function () {
              alert("Submitted!"); // for testing
          }
      });
      return false;
  });
  </code></pre>
  
  <p>but script is not working and page goes to refresh and i see the variables and its values in the address bar like get method.</p>
  
  <p>if this problem goes to solve, process.php will create a chat.txt and append data from #chatInput into it. and then will append chat.txt 's data to #chatOutput.</p>
  
  <p>After appending data, div#chatOutput 's size goes to change. I want to fixed/specified width and height of this div. After the fixing size, how to scroll to bottom to see the last chatting?</p>