How to Streamline or Shrink this jQuery Code
<p>I have this code to do a simple click to change .highlight color:</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-1.5.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function() {
$("#colors").css("cursor","pointer");
$("#color1").css("background-color","#e3dc98");
$("#color1").click(function () {
  $(".highlight").css("background-color","#e3dc98");
    $(".highlight").css("color","#000000"); 
});
$("#color2").css("background-color","#588000");
$("#color2").css("color","#ffffff");    
$("#color2").click(function () {
    $(".highlight").css("background-color","#588000");
    $(".highlight").css("color","#ffffff"); 
});
$("#color3").css("background-color","#66ccff");
$("#color3").click(function () {
    $(".highlight").css("background-color","#66ccff");
    $(".highlight").css("color","#000000"); 
});
$("#color4").css("background-color","#ffcc00");
$("#color4").click(function () {
  $(".highlight").css("background-color","#ffcc00");
    $(".highlight").css("color","#000000"); 
});
});
&lt;/script&gt;
</code></pre>

<p>Does anyone have a suggestion or example on how I can streamline this? ie... take 25 lines of code and make it 5 or 6?</p>

<p>Thanks for any suggestions.</p>
