title: jquery: onclick change background color
body: <p>I have following UL - LI html.</p>
  
  <pre><code>&lt;UL&gt;
  &lt;LI&gt;&lt;span id='select1'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;LI&gt;&lt;span id='select2'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;LI&gt;&lt;span id='select3'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;LI&gt;&lt;span id='select4'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;LI&gt;&lt;span id='select5'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;LI&gt;&lt;span id='select6'&gt;Text&lt;/span&gt;&lt;/LI&gt;
  &lt;/UL&gt;
  </code></pre>
  
  <p>If I click on specific <code>&lt;span&gt;</code>, its background color should be changed. i.e. if I click on span having <code>id='select3'</code>, its background-color should be changed.</p>
  
  <p>How this can be done using jQuery?</p>