using jQuery to get other buttons not clicked in a div
<p>I have an HTML div</p>

<pre><code>&lt;div id="buttons"&gt;
   &lt;button type="button" id= "button_1" &gt;I am button one&lt;/button&gt;&lt;/br&gt;&lt;/br&gt;
   &lt;button type="button" id= "button_2"&gt;I am button two&lt;/button&gt;&lt;/br &gt;&lt;/br&gt;
&lt;/div&gt;
</code></pre>

<p>I have attached the following jQuery handler</p>

<pre><code>$("#buttons").click(function(event) {

}
</code></pre>

<p>I want to put in code that colors the clicked button’s label type color to red and the other button or buttons (I may add more)  label type color back to black. Using this type of code:         </p>

<pre><code> $("#button_1").css("color","red”);
</code></pre>

<p>I thought that using .not would work to get me the unclicked divs, something like:
   <code>$("#buttons").not(“#” + event.target.id).css("color”,”black”)</code> would set all unclicked
buttons- basically those that are not event.target - to black, then I would set the clicked on to red <code>$(“#” + event.target.id).css("color”,”black”)</code> -</p>

<p>It is not working- hence my query. Thanks for any answers.</p>
