title: jquery .submit more than once?
body: <p>I have the following code:</p>
  
  <pre><code>$('.save').submit(function(e){
      var data = 'id=' + $(this).attr('name') + '&amp;' + $(this).serialize();
      var messageBox = $(this).next('.message');
      messageBox.html('&lt;div class="pending"&gt;Saving... please wait...&lt;/div&gt;');
      $.post('save.php', data,
      function(response) {
          messageBox.html(response).delay(3000).fadeOut('slow');
      });
      e.preventDefault();
  });
  </code></pre>
  
  <p>And it works great, however, when a user pushes "save" again, it seems like that <code>$('.save').submit();</code> is not getting fired again.... I'm at least not seeing a pending or success message within <code>messageBox</code>.</p>
  
  <p>What am I missing?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I figured it out. When I <code>fadeOut</code>, I'm not fading out the error div, I'm fading out the entire <code>messageBox</code> div, and so once it's <code>display:none</code>, there's nothing bringing it back.</p>