title: submit form using Jquery Ajax Form Plugin and php?
body: <p>this a simple example in how to submit form using the Jquery form plugins and retrieving data using html format
  html Code</p>
  
  <pre><code>&lt;html&gt; 
  &lt;head&gt; 
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"&gt;&lt;/script&gt; 
      &lt;script src="http://malsup.github.com/jquery.form.js"&gt;&lt;/script&gt; 
  
      &lt;script&gt; 
   // prepare the form when the DOM is ready 
      $(document).ready(function() { 
          // bind form using ajaxForm 
          $('#htmlForm').ajaxForm({ 
              // target identifies the element(s) to update with the server response 
              target: '#htmlExampleTarget', 
  
              // success identifies the function to invoke when the server response 
              // has been received; here we apply a fade-in effect to the new content 
              success: function() { 
                  $('#htmlExampleTarget').fadeIn('slow'); 
              } 
          }); 
      });
      &lt;/script&gt; 
  &lt;/head&gt; 
  &lt;body&gt;
  &lt;form id="htmlForm" action="post.php" method="post"&gt; 
      Message: &lt;input type="text" name="message" value="Hello HTML" /&gt; 
      &lt;input type="submit" value="Echo as HTML" /&gt; 
  &lt;/form&gt;
  &lt;div id="htmlExampleTarget"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>PHP Code</p>
  
  <pre><code>&lt;?php 
  echo '&lt;div style="background-color:#ffa; padding:20px"&gt;' . $_POST['message'] . '&lt;/div&gt;'; 
  ?&gt;
  </code></pre>
  
  <p>this just work fine
  what i need to know if what if i need to Serialize the form fields so how to pass this option through the JS function
  also i want show a loading message while form processed
  how should i do that too
  thank you </p>