title: JQuery copy input value with multiple spaces inside span
body: <p>What I am trying is if a user has entered a value with multiple spaces I want them to copy it to a span. But the issues is <code>span</code> eliminates all spaces. So how can I achieve this functionality.</p>
  
  <p>What I have tried;</p>
  
  <p><a href="http://jsfiddle.net/aash1010/8numkeuu/" rel="nofollow"><strong>Fiddle</strong></a></p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;span class="span"&gt;&lt;/span&gt;&lt;br&gt;
  &lt;input  type="text" value="1               1" /&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>$(document).ready(function(){
      var inputVal = $('input').val();
      $('.span').text(inputVal);
  });
  </code></pre>