Disable an HTML element, but not a form element
<p>Is there a way to disable an HTML element with jQuery that it's not a form element?</p>

<p>For example:</p>

<pre><code>&lt;ul class="selectors"&gt;
  &lt;li class="clear-selected"&gt;Clear Selected&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
  &lt;li class="select-all"&gt;Select All&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Can I 'disable' the LI "clear-selected"?</p>

<p>What I'm trying to do is so that that LI can't be clicked on.</p>

<p>I've tried something like this but it doesn't work:</p>

<pre><code>$('#x').attr('disabled', true);
</code></pre>

<p><a href="http://docs.jquery.com/FAQ#How_do_I_disable.2Fenable_a_form_element.3F" rel="nofollow">http://docs.jquery.com/FAQ#How_do_I_disable.2Fenable_a_form_element.3F</a></p>

<p>Thanks,</p>

<p><strong>EDIT--</strong></p>

<p>This question is part of a bigger case, here's the <a href="http://stackoverflow.com/questions/4762777/buttons-activate-deactivate-elements-in-list-complex-case"><strong>Main Question</strong></a>. </p>

<p>Thanks to everyone that answered.</p>
