title: Not able to use ajaxSubmit : TypeError: Object [object Object] has no method 'ajaxSubmit'
body: <p>You'll have to bear with me, as I am just starting out with jQuery so this may be a very simple thing I am overlooking.
  I have a login form for a site that I am developing, and I am trying to use ajaxSubmit to send the request for a lost password request. This request originates from a form on a modal div.</p>
  
  <p>Form:</p>
  
  <pre><code>&lt;div id="dialog" style="display: none" title="Retrieve your password"&gt;
          &lt;p&gt;
              Please enter your username below and you will have a new password sent to the email address you registered with the account.
          &lt;/p&gt;
          &lt;form id="passform" action="comment.php" method="post"&gt;
              &lt;input type="text" name="user" id="user"&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>jQuery to submit request:</p>
  
  <pre><code>$(document).ready(function()
          {
              function doit(formData, jqForm, options)
              {
                  // formData is an array; here we use $.param to convert it to a string to display it
                  // but the form plugin does this for you automatically when it submits the data
                  var queryString = $.param(formData);
  
                  // jqForm is a jQuery object encapsulating the form element.  To access the
                  // DOM element for the form do this:
                  // var formElement = jqForm[0];
  
                  alert('About to submit: \n\n' + queryString);
  
                  // here we could return false to prevent the form from being submitted;
                  // returning anything other than false will allow the form submit to continue
                  return true;
              }
  
  
              $("#getpass").click(function()
              {
  
                  $("#dialog").dialog(
                  {
                      autoOpen : true,
                      resizable : false,
                      height : 270,
                      modal : true,
                      hide : "fold",
                      show : "fold",
                      buttons :
                      {
                          "Retrieve Password" : function()
                          {
                              $("#passform").ajaxSubmit(
                              {
                                  url : "php/lostpassword.php",
                                  type : "post",
                                  success : doit
                              });
                              return false;
                          },
                          Cancel : function()
                          {
                              $(this).dialog("close");
                          }
  
                      }
                  });
  
              });
  
          });
  </code></pre>
  
  <p>However, when I actually hit the button, I get the following console error:
  Uncaught TypeError: Object [object Object] has no method 'ajaxSubmit' </p>
  
  <p>I have checked that the ID's all match up and that the relevant js files are being loaded.</p>
  
  <p>I'm running out of ideas now, can anyone help?</p>