title: Javascript/JQuery: On form submit, don't reload full page (only a div), and still submit form data
body: <p>I've got the following code that I use on my links.  This prevents the page from reloading and loads the content from the href tag in a div.  </p>
  
  <pre><code>  $("a[rel='right']").click(function(e){
      e.preventDefault();
      pageurl = $(this).attr('href');
      $.ajax({url:pageurl.replace('index.php', 'rightcolumn.php')+'&amp;rel=right',success: function(data){
        $('#WMS_NEW_right').fadeOut(500, function(){ $('#WMS_NEW_right').html(data).fadeIn(1000); }); 
      }
      });  
      if(pageurl!=window.location){
        window.history.pushState({path:pageurl},'',pageurl);
      }
      return false;
    });
  });
  </code></pre>
  
  <p>My Question:
  I need the use the same concept behind this, except on form submit, it needs to not reload the page, but submit the form only inside a div <code>#WMS_NEW_right</code>.  How can I do this?  I don't need push state or anything, just need to be able to control that form with <code>class="formrelright"</code> to only reload a div and get the url from the form action.  I will also need all data from the form <code>method="POST"</code> on the new page (inside div)</p>