title: How to create an image button in a form in twitter boostrap?
body: <p>Currently, I've images such as this:</p>
  
  <pre><code>    &lt;img src="xyz.jpg"  width="80" height="80" id = "wp" alt="wp"&gt;
   &lt;img src = "abc.jpg"  width="80" id = "tm" height="80" alt="tm"&gt;
  </code></pre>
  
  <p>and then writing the onclick on it:</p>
  
  <pre><code>$('img#wp').click(function() {
  
  
  });
  </code></pre>
  
  <p>The problem with this is I'm not able to use this to insert a value into a form depending upon the image that has been clicked. Nor do the image show up as button, thus not exactly responsive for mobiles and tablets. How to go about it?</p>