title: jquery change style of a div on click
body: <p>I have a div, with a specific style(let's say a certain background).</p>
  
  <p>What I want is, when one clicks on a list element having that div applied another specific style (another background type) to be applied to that div,</p>
  
  <p>If another area in a different element belonging to that div is clicked, the style should not change.</p>
  
  <p>Is it possible using jquery? thank you!</p>
  
  <p><strong>Edit:</strong> (my function does some other things also. but the changing color doesn;t work as i want. it changes the background of all items i click, not only the last clicked.)</p>
  
  <pre><code>$(document).ready(function() {
      $('.product_types &gt; li').click(function() {
          $(this)
          .css('backgroundColor','#EE178C')
          .siblings()
          .css('backgroundColor','#ffffff');
  
          $('#submit_button').removeAttr('disabled');
          $('#number').removeAttr('disabled');
      });
  });
  </code></pre>