title: not able to submit post variable through jquery with input as image
body: <p>i want to write a plugin which will pass a variable stored as input(which is an image) id to the form on clicking the input image or by any other method</p>
  
  <p>=========================================================================================</p>
  
  <pre><code>&lt;?php
  echo $_POST['id'];
  ?&gt;
  
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Kunfu Panda&lt;/title&gt;
  &lt;link href="css/main.css" rel="stylesheet" type="text/css" media="projection,screen" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="wrapper" &gt;
          &lt;form action="panda.php" method="post" class="openid_provider" /&gt;
               &lt;input type="image" src="images/google_button.png" id="google" /&gt; 
           &lt;/form&gt;    
    &lt;/div&gt;
  &lt;script type="text/javascript" src="js/test.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;  
  $(document).ready(function(){
      $('form').openid(); 
  })
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>===============================================================================</p>
  
  <p>my plugin is openid (test,js)</p>
  
  <pre><code>(function($){
      $.fn.openid = function() {
          $('input').click(function(){
          var provider = $(this).attr('name');
          $(this).submit(provider);   
          })
          }
  })(jQuery);
  </code></pre>
  
  <p>now the form is getting submitted on click on google image which is an input with id "google"  but the form action which is the same page is not able to recognise the $_POST['provider'] variable</p>
  
  <p>please help me out.</p>