title: AJAX form submit only works on first submit
body: <p>SCRIPT.JS</p>
  
  <pre><code>$(document).ready(function(){
      $('form').on('submit', function (e) {
          e.preventDefault();
          $.ajax({
              type: 'post',
              url: 'data/addtext.php',
              dataType: 'HTML',
              success: function (result) {
                  $('#meo').html(result);
              }
          });
      });
  });
  </code></pre>
  
  <p>INDEX.PHP</p>
  
  <pre><code>&lt;div id="meo"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>ADDTEXT.PHP</p>
  
  <pre><code>&lt;?php echo "HELLO WORLD" ?&gt;
  </code></pre>
  
  <p>So above is my codes. What I want to happen is every time I submit the form, the word "HELLO WORLD" will be printed out, this code is working on the first click submit the output will be</p>
  
  <pre><code>HELLO WORLD
  </code></pre>
  
  <p>Now, I want to print it out again so I will click the submit button again, but at the second submit, nothing is printing out. why?</p>
  
  <p>The output I want is</p>
  
  <pre><code>HELLO WORLD HELLO WORLD
  </code></pre>
  
  <p>In other words, I want to print out the "HELLO WORLD" on every submit but the old output will be remain. So If I submit the form  3 times then the output should be</p>
  
  <pre><code>HELLO WORLD HELLO WORLD HELLO WORLD
  </code></pre>
  
  <p>I know I can do this using append and without using form, But I want to do it using form ajax without page reloading.  Again this code is working but only on the first click submit. </p>
  
  <p>Why is it not working on the second click submit?</p>