Jquery script not executing as expected
<p>I have a simple jquery ajax script that sends value to a web service for processing but for some reason the jquery doesn't run at all.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="ISO-8859-1"&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;script type="text/javascript" src="jquery-1.8.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="update-cart.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id='colors'&gt;
&lt;a href="3333"&gt;Add Color&lt;/a&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Here's the jQuery</p>

<pre><code>// to use surround anchor tags with div (id=colors). Set color or scheme id as href value. On click the item is posted to the web service.
// To do improve response handling from webservice.

$(document)ready(function(){
    $("#colors a").live("click", function() {
        alert("We get here");
        var item = $(this).attr( 'href' );
        var jqxhr = $.post("webservice.php", { action: "add", color: item }, function() {
            alert("success");
        })
        .error(function() { alert("error"); })
        .complete(function() { alert("complete"); });
    });
});
</code></pre>

<p>Here's the example I am testing with <a href="http://www.2100computerlane.net/workingproject/index.html" rel="nofollow">http://www.2100computerlane.net/workingproject/index.html</a></p>
