title: jQuery change button color onclick
body: <p>I have multiple buttons that I use when people answer a question. How would I get the buttons to change colors when a person clicks on the button? I do not know jQuery, I have been told that it is the best thing to use for this.</p>
  <p>Here is the code I have for the HTML part:</p>
  <pre><code>&lt;div style=&quot;text-align: center;&quot;&gt;&lt;span style=&quot;line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;&quot;&gt;In the past three months, how often have you used marijuana?&lt;br /&gt;
  &lt;p&gt;&lt;input type=&quot;submit&quot; value=&quot; Never &quot; name=&quot;btnsubmit&quot; id=&quot;answer&quot; style=&quot;width: 200px;&quot; /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type=&quot;submit&quot; value=&quot; Once or Twice &quot; name=&quot;btnsubmit&quot; id=&quot;answer&quot; style=&quot;width: 200px;&quot; /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type=&quot;submit&quot; value=&quot; Monthly &quot; name=&quot;btnsubmit&quot; id=&quot;answer&quot; style=&quot;width: 200px;&quot; /&gt;&lt;/p&gt;
  &lt;p&gt;&lt;input type=&quot;submit&quot; value=&quot; Daily or Almost Daily &quot; name=&quot;btnsubmit&quot; id=&quot;answer&quot; style=&quot;width: 200px;&quot; /&gt;&lt;/p&gt;
  &lt;/span&gt;&lt;/div&gt;
  &lt;div&gt;
  &lt;p style=&quot;text-align: right;&quot;&gt;&lt;a onclick=&quot;window.open(this.href,'_parent');return false;&quot; href=&quot;/mobile/Static2.aspx&quot;&gt;&lt;input type=&quot;submit&quot; value=&quot; Next &quot; name=&quot;btnsubmit&quot; style=&quot;width: 100px;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I am really new at coding so any kind of help would be appreciated!</p>