title: Using jQuery to get multiple checkbox's value and output as comma separated String.
body: <p>I have many checkboxs as below, </p>
  
  <pre><code>&lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_coo" id="home_coo" class="Checkbox" &gt; Cooking&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_cra" id="home_cra" class="Checkbox"&gt; Crafts&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_dec" id="home_dec" class="Checkbox"&gt; Decorating&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_ent" id="home_ent" class="Checkbox"&gt; Entertaining&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_gar" id="home_gar" class="Checkbox"&gt; Gardening&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_hom" id="home_hom" class="Checkbox"&gt; Home Improvement&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_mar" id="home_mar" class="Checkbox"&gt; Marriage&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_par" id="home_par" class="Checkbox"&gt; Parenting&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_pet" id="home_pet" class="Checkbox" &gt; Pets&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" name="areaofinterest" value="home_ret" id="home_ret" class="Checkbox"&gt; Retirement&lt;/li&gt;
  </code></pre>
  
  <p>How can I use jQuery to get the checked values and output as areaofinterest="home_coo,home_mar,home_pet" ? </p>
  
  <p>Thanks a lot.</p>