title: How to use Font Awesome for checkboxes etc
body: <p>I'm using <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a> for icons in my website. I'm pretty new to HTML &amp; CSS. I was trying to use this for checkboxes, and had hard time in figuring out how I could use it to enable / disable checkbox and get the approrpiate icon shown.</p>
  
  <p>For Example; I'm using the below tags for checkbox:</p>
  
  <pre><code>&lt;div style="font-size: 24px;"&gt;
  &lt;i id="prime" type="checkbox" class="icon-check-empty"&gt;&lt;/i&gt;icon-check
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm using the below jQuery to change the icon when the checkbox is enabled/disabled:</p>
  
  <pre><code>$(".icon-check-empty").click(function(){
      $('#prime').removeClass('icon-check-empty');
      $('#prime').addClass('icon-check');
  });
  </code></pre>
  
  <p>I'm sure this would not be the way how it should be used. Can you please guide me what should be the way how it should be used.</p>
  
  <p>For now; I want to use the check-boxes, and my goal is to check/uncheck the check-box, and show it's corresponding icon. When checked: icon-check ; unchecked: icon-check-empty</p>
  
  <p>Please guide me !!</p>