title: Disable and gray out a checkbox label in Bootstrap
body: <p>Is there a way to disable and gray out the checkbox label as well once the checkbox becomes disabled using Bootstrap and Jquery?</p>
  
  <pre><code>&lt;div class="checkbox"&gt;        
      &lt;input id="accept" name="accept" type="checkbox" value="True"&gt;
      &lt;label for="accept" class="control-label"&gt;Incremental&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am now using the bellow code to disable the checkbox:</p>
  
  <pre><code> $("#accept").prop("disabled", true);
  </code></pre>