title: How to Grab multiple values from checkboxes with Jquery
body: <p>I currently have this form </p>
  
  <pre><code> &lt;form class='lostKittieForm'&gt;
  
  
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="Black"&gt;Black&lt;/label&gt;
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="Brown"&gt;Brown&lt;/label&gt;
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="White"&gt;White&lt;/label&gt;
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="Gray"&gt;Gray&lt;/label&gt;
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="Orange"&gt;Orange&lt;/label&gt;
        &lt;label class="kittieColor"&gt;&lt;input type="checkbox" value="Multicolored"&gt;Multicolored&lt;/label&gt;
  
        &lt;input type="submit"&gt;
  
   &lt;/form&gt;
  </code></pre>
  
  <p>My Jquery code is trying to grab all the values checked but for some reason it's only grabbing one and "Black"</p>
  
  <pre><code> kittie.color =  $(".lostKittieForm input[type='checkbox']").val();
  </code></pre>
  
  <p>Thanks in advance!</p>