Ich möchte eine ausgeblendete Eingabe mit den Werten ausgewählter Kontrollkästchen mit einem Leerzeichen zwischen diesen Werten füllen. Ich habe Folgendes versucht, was theoretisch funktionieren sollte, aber es ist nicht ...

JS:

$(document).ready(function () {


      var vals = $(':checkbox:checked').map(function(){
         return $(this).val();
      }).get().join(',');

      // save the values to a hidden field
      $('#tags').val(vals);


});

HTML

 <form>

  <input type="checkbox" value="test1" id="test1"><label>Test</label>
  <input type="checkbox" value="test2" id="test2"><label>Test2</label>
  <input type="checkbox" value="test3" id="test3"><label>Test3</label>

  <input type="text" value="" id="tags">

</form>

Irgendwelche Ideen?