how to change BG color of <input type="button" />
<p>I have a web page on which there are several buttons and i want to change it's color when it is selected. There is an <a href="http://jqueryui.com/demos/selectable/#serialize" rel="nofollow">example of jQuery, please take a look.</a> I want to do the same but  i bit confused.</p>

<p>my HTML page is as :</p>

<pre><code>CSS : .blackButton {   
    background: url("Black_button.jpg");  
    vertical-align: middle; 
    margin-top: 1%;   
    margin-bottom: 1%;  
}


&lt;div id="id1"&gt;
    &lt;input type="button" class="blackButton"/&gt;  
&lt;/div&gt;

&lt;div id="id2"&gt;
    &lt;input type="button" class="blackButton"/&gt;
&lt;/div&gt;

&lt;div id="id3"&gt;
    &lt;input type="button" class="blackButton"/&gt;
&lt;/div&gt;      



js : I just tried, but not working
  $(function() {

         $(".blackButton").selectable();
      });
</code></pre>
