ปัญหาเรื่องการแสดงค่าจาก checkbox

<script type="text/javascript>
$("#save").click(function () {
       var ability = "";
       var count = 0;
     
                if ($("input[type='checkbox'][name='chkb']").attr('checked')) {
                    ability += $("input[type='checkbox'][name='chkb']:checked").val();
                    if (count > 0) {
                        ability += " , ";
                    }
                    document.getElementById("Ability_val").value = ability;
                    count++;
                }
});
</script>

          </div>
</body>



คือหลังจากกดปุ่ม submit แล้ว อยากให้ข้อมูลที่เลือกใน checkbox แสดงใน textarea ค่ะ      รบกวนด้วยนะคะ

<div id="place_banner1" style="margin:auto;width:700px;">
	<input type="checkbox" name="chk1" class="chk_css" value="1">1<br>
	<input type="checkbox" name="chk2" class="chk_css" value="2">2<br>
	<input type="checkbox" name="chk3" class="chk_css" value="3">3<br>
	<input type="checkbox" name="chk4" class="chk_css" value="4">4<br>        
    <br>
<br>
          <button type="submit" id="save">บันทึก</button>
          <div class="div2" >   
                  ความสามารถในการขับขี่ :
                  <textarea id="Ability_val"></textarea>
          </div>
</div>
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
<script type="text/javascript">
$(function(){
    $("#save").on("click",function(){
		var ability=[];
		if($(".chk_css:checked").length>0){
			$(".chk_css:checked").each(function(k,v){
				var valCheck = $(".chk_css:checked").eq(k).val();
				ability.push(valCheck);
			});
			$("#Ability_val").val(ability.join(","));
		}
	});
});   
</script>