ajax loads content how to submit form

ajax loads content how to submit form

Hi 

I have made so that my content is loaded with ajax like this and placed in a div 

  1. <ul id="navlist">
  2. <li><a href="home.php" class="home">Home</a></li>
  3. <li><a href="gallery.php" class="gallery">Gallery</a></li>
  4. <li><a href="upload.php" class="upload">Upload</a></li>
  5. </ul>

  7. <script>
  8. $(function () {

  10.     // attaching click handler to links
  11.     $("a.upload").click(function (e) {
  12.         // cancel the default behaviour
  13.         e.preventDefault();

  15.         // get the address of the link
  16.         var href = $(this).attr('href');

  18.         // getting the desired element for working with it later
  19.         var $wrap = $('#container');

  21.         $wrap
  22.             // removing old data
  23.             .html('')

  25.             // slide it up
  26.             .slideUp()

  28.             // load the remote page
  29.             .load(href + ' #laddaupp', function () {
  30.                 // now slide it down
  31.                 $wrap.slideDown();
  32.             });
  33.     });

  35. });
  36. </script>
But on one page I have a submit form that uploads to a database and saves in the folder on the server but when I click on submit it goes to the original upload.php how can i make it stay on the same page/div?