how to prevent a checkbox to be selected using jquery
<p>I am showing a form to the user with few checkboxes. Some of them will be pre-selected and some won't be. </p>

<p>like below:</p>

<pre><code>&lt;input type="checkbox" name="box" value="9"&gt; nine
&lt;input type="checkbox" name="box" value="10"&gt; ten
&lt;input type="checkbox" name="box" value="11"&gt; eleven
&lt;input type="checkbox" name="box" value="12" checked&gt; twelve
</code></pre>

<p>Please note that in the last checkbox the <code>checked</code> keyword is added using a scriplet. </p>

<p>Now, even when I physically deselect check <code>twelve</code>, my javascript code doesn't understand that the checkbox is no longer selected. </p>

<p><em>Update</em> 
I pasted the wrong link earlier. Here is the updated jsfiddle link: <a href="http://jsfiddle.net/JLSUK/20/" rel="nofollow">http://jsfiddle.net/JLSUK/20/</a></p>

<p>What I'm trying to accomplish alert the user ONLY when they have selected checkbox  <code>twelve</code>. However, even if that checkbox is not selected, I'm getting an alert that it IS selected. I think this is because I have <code>checked</code> in the actual HTML content, however, I can't remove that since the first time the page loads, I have to show to the user that they had this particular checkbox selected. </p>

<p>Is this doable with jQuery?</p>
