title: jQuery - Adding a line break when value is added to textarea
body: <p>At present, when you click on the dropdown, select an option and click on any of the checkboxes, it adds a value to the textbox. However when I add a second value, it's entered directly next to the first value. How would i go about adding a line break?</p>
  
  <p><a href="http://jsfiddle.net/luke_sully/5dbe7dgy/" rel="nofollow">Fiddle</a> </p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code> $(document).ready(function () {
          $('.group').hide();
          $('#selectMe').change(function () {
              $('.group').hide();
              $('#' + $(this).val()).show();
          })
      });
  
      var courses = {
          course1: 'BIS 445 UCC lvl8 ',
          course2: 'Commerce 475 UCC lvl8 ',
          course3: 'Economics 350 UCD lvl8 ',
          course4: 'Government 405 UL lvl8 ',
          course5: 'Medicine 600 UCC lvl8',
          course6: 'Nursing 500 UCC lvl8'
      }
  
      var $mytextbox = $('#courses');
  
      $("input[type='checkbox'][name*='course']").change(function () {
          var $chk = $(this);
          if ($chk.prop('checked')) {
              $mytextbox.val($mytextbox.val() + courses[$chk.attr('name')]);
          } else {
              $mytextbox.val($mytextbox.val().replace(courses[$chk.attr('name')], ""));
          }
      });
  </code></pre>