title: Jquery get multiple checked values from checkbox
body: <p>My form have following checkbox and I want to tick the option to show an alert with checked values, but there is nothing happen to show up the alert when I ticked it:</p>
  
  <pre><code>&lt;form id="booking_form"&gt;
      &lt;input type="checkbox" name="bType[]" id="bType" value="A,200"&gt;&amp;nbsp;Type A - USD200&lt;br&gt;
      &lt;input type="checkbox" name="bType[]" id="bType" value="B,150"&gt;&amp;nbsp;Type B - USD150&lt;br&gt;
      &lt;input type="checkbox" name="bType[]" id="bType" value="C,100"&gt;&amp;nbsp;Type C - USD100&lt;br&gt;
      &lt;input type="checkbox" name="bType[]" id="bType" value="D,50"&gt;&amp;nbsp;Type D - USD50&lt;br&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>and I have JQ script:</p>
  
  <pre><code>&lt;script&gt;
  $("input[type=checkbox]:checked").each ( function() {
      alert ( $(this).val() );
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>please advise, thanks.</p>