title: Check multiple checkbox selection using jquery
body: <p>I am trying to find the easiest way to get the checkboxes that are selected.</p>
  
  <p>Here's my script:</p>
  
  <pre><code>$(document).ready(function() {
      $("input[name='chkTextEffects']").change(function() {
          if ($("#cbSolid").is(':checked') == true) {
              alert('Solid');
          } else if ($("#cbOutline").is(':checked') == true) {
             alert('Outline');
          } else if ($("#cbSolid", "#cbOutline").is(':checked') == true) {
              alert('SolidOutline');
          } else if ($("#cbSolid", "#cbOutline").is(':checked') == false) {
              alert('No Effects'); 
          }
      });
  });​
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>   &lt;input type="checkbox" name="chkTextEffects" id="cbSolid" value="Solid" /&gt;Solid
     &lt;input type="checkbox" name="chkTextEffects" id="cbOutline" value="Outline" /&gt;Outline
     &lt;input id="TextEffectsSelection" type="hidden" /&gt;
  </code></pre>
  
  <p>I'm not sure about this line <code>if ($("#cbSolid", "#cbOutline").is(':checked') == true)</code> or should I use <code>bind</code> to get that worked.</p>