jQuery function working in test page but not the whole website
<p>So jQuery is getting the best of me again :(</p>

<p>I was wondering if any of you could help me figure out why a certain jQuery function I created wont work in one environment but does in another.</p>

<pre><code>$("#processor li").click(function() {
    $("#processor li").removeClass("active-line");
    $(this).addClass("active-line");
});
</code></pre>

<p>This is the HTML that the above function works from</p>

<pre><code>&lt;ul id="processor"&gt;
    &lt;li&gt;
        &lt;input id="cpu-1" type="radio" value="1" name="cpu"&gt;
        &lt;label for="cpu-1"&gt;Intel&amp;reg; Core&amp;trade; i3 2100 3.1GHz&lt;/label&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>So far I have tested this in a separate file in which it worked, but when imported back into the website the functionality stopped. I tested the code in the test page with <code>$(document).ready(function() {</code> and without and both ways worked fine and have tested the same in the whole website and it still did not help the situation.</p>

<p>I have also tried doing very absolute paths when calling the element in the jQuery function and not and still it does not work in the website.</p>

<p>So I hope someone out there can help me figure out why the function will not work in the full website.</p>

<p>Thanks in advance,</p>

<p>Dan.</p>
