title: Copying a label followed by input field contents
body: <p>Given:
  A label Text followed by an input field similar to a form (e.g. Name: ________ (input box) )</p>
  <p>Requirement:
  Need to develop a mechanism to be able to copy both text and input field in a single go
  i.e. highlighting/selecting the entire line of text and input box.</p>
  <p>Problem:
  <kbd>CTRL</kbd> + <kbd>C</kbd> only copies the text only and not the entire data along with input box.</p>
  <p>Reason for such a requirement:
  I have a form in which Label is the domain of a website and input box is for author profile id
  (e.g. <a href="http://www.facebook.com/_______" rel="nofollow noreferrer">www.facebook.com/_______</a>_ (input box) )</p>
  <p>Behaviour intended:
  When User selects the entire <a href="http://www.facebook.com/" rel="nofollow noreferrer">www.facebook.com/</a> and the author id ( say john007) thinking he will paste &quot;www.facebook.com/john007&quot; somewhere.</p>
  <p>Technicality:
  My clipboard should copy both the text and the input box contents.</p>
  <p>Implementation:
  Was thinking of playing with <kbd>CTRL</kbd> + <kbd>C</kbd> events but cannot figure out the exact behaviour required.</p>
  <pre><code>&lt;div&gt;
             &lt;label&gt;www.facebook.com/&lt;/label&gt;
             &lt;input  style=&quot;width:150px&quot; type=&quot;Text&quot; id=&quot;nameInput&quot;/&gt;
  &lt;/div&gt;
  </code></pre>