title: hide submit button after clicked
body: <p>I have a table with several rows, which by clicking on submit button on each row, the information on each table will send to ajax, and will insert to database. after it clicked,I need to hide the button from table. How can I reach to this mission? 
  here are my codes:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#myform&lt;?php echo $y; ?&gt;").validate({
              debug: false,
  
              submitHandler: function(form) {
  
                  $.post('process.php', $("#myform&lt;?php echo $y; ?&gt;").serialize(), function(data) {
                      $('#results&lt;?php echo $y; ?&gt;').html(data);
                  });
              }
          });
      });
  </code></pre>
  
  <p> </p>
  
  <p>My form: </p>
  
  <pre><code>&lt;form name="myform" id="myform&lt;?php echo $y; ?&gt;" action="" method="POST"&gt;  
   &lt;input type="text" name="name" id="name&lt;?php echo $y; ?&gt;" size="30" value=""/&gt;  
  &lt;input type="image" name="submit" id="accept&lt;?php echo $y; ?&gt;  " value="Submit" src="graphics/accept.png"&gt; 
  &lt;/form&gt;
  
  &lt;div id="results&lt;?php echo $y; ?&gt;"&gt;&lt;div&gt;
  </code></pre>