title: Copy to clipboard script with breaks and more text
body: <p>I am trying to make a fun script for work documentation. Here is what I have so far.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function ClipBoard() {
          window.clipboardData.setData('text',
                        document.getElementById('name').value +
                        document.getElementById('phone').value +
                        document.getElementById('serial').value +
                        document.getElementById('new').value +
                        document.getElementById('cuts').value +
                        document.getElementById('agts').value
                       );
      }
  
  &lt;/script&gt;
  &lt;form id="form1"&gt;
      Name: &lt;input id="name" /&gt;&lt;br /&gt;
      Phone Number: &lt;input id="phone" maxlength="10" /&gt;&lt;br /&gt;
      Serial Number: &lt;input id="serial" maxlength="10" /&gt;&lt;br /&gt;
      New/Existing: &lt;input id="new" /&gt;&lt;br /&gt;
      CU TS: &lt;input id="cuts" /&gt;&lt;br /&gt;
      Agent TS: &lt;input id="agts" /&gt;&lt;br /&gt;
      &lt;input type="button" onclick="ClipBoard()" value="Copy"/&gt;
      &lt;input type="reset" /&gt;`
  </code></pre>
  
  <p>Right now after I paste the inputs do not have "breaks" instead, the copied text copies in a line. Ex: namephoneserialnew etc.
  I would like:
  Name
  Phone
  Serial
  New
  Etc. with breaks.</p>
  
  <p>If at all possible.</p>
  
  <p>Also, when copying the inputs, is there a way to copy the text before the input.
  Ex: Name: (with input), Phone Number: (with input) etc.</p>
  
  <p>Any suggestions will be very helpful; this is just a basic script nothing serious. Thanks everybody!</p>