title: Simple .prop trigger for checkbox with checked and readonly
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
  
    $("#all").click(function() {
      $(".checkBoxClass").prop('checked', $(this).prop('checked'));
    });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ul {
    list-style: none;
    margin: 0;
  }
  ul &gt; li {
    display: block;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
  
  &lt;ul class="sb_dropdown"&gt;
    &lt;li class="sb_filter"&gt;Filter your search&lt;/li&gt;
  
    &lt;li&gt;
      &lt;input class="chkbx" id="all" type="checkbox"&gt;
      &lt;label for="all"&gt;&lt;strong&gt;Show All&lt;/strong&gt;
      &lt;/label&gt;
    &lt;/li&gt;
  
    &lt;li&gt;
      &lt;input class="chkbx checkBoxClass" id="Activated" type="checkbox"&gt;
      &lt;label for="Activated"&gt;Activated&lt;/label&gt;
    &lt;/li&gt;
  
    &lt;li&gt;
      &lt;input class="chkbx checkBoxClass" id="Deactivated" type="checkbox"&gt;
      &lt;label for="Deactivated"&gt;Deactivated&lt;/label&gt;
    &lt;/li&gt;
  
    &lt;li&gt;
      &lt;input class="chkbx checkBoxClass" id="Blocked" type="checkbox"&gt;
      &lt;label for="Blocked"&gt;Blocked&lt;/label&gt;
    &lt;/li&gt;
  
    &lt;li&gt;
      &lt;input class="chkbx checkBoxClass" id="Locked" type="checkbox"&gt;
      &lt;label for="Locked"&gt;Locked&lt;/label&gt;
    &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Simple .prop() problem here</p>
  
  <pre><code>$("#all").click(function () {
      $(".checkBoxClass").prop('checked', $(this).prop('checked'));
  });
  </code></pre>
  
  <p>how to add readonly + checked, 
  all .chechboxClass is checkbox and when i click the #all id all checkboxClass is turn into checked with readonly. I think something missing in $("#all").</p>
  
  <blockquote>
    <p><strong>Update</strong> Sorry i didn't note that $("#all") is an toggle for all
    checkboxes</p>
  </blockquote>