title: jQuery to change value of input issue
body: <p>I am trying to change the value of a jQuery input from my chrome extension. It wasn't working so now I am in the chrome dev tools console. </p>
  
  <p>If I type <code>$('.upload-section__input').value</code>, the console returns the value of the input field as expected.  However, if I try to modify the field using:</p>
  
  <pre><code> $('.upload-section__input').attr('value', 'hello world');
  </code></pre>
  
  <p>I get the error <code>Uncaught TypeError: $(...).attr is not a function(…)</code></p>
  
  <p>If I try <code>document.getElementById(".upload-section__input").value = "My value";</code></p>
  
  <p>I get the error <code>VM219:1 Uncaught TypeError: Cannot set property 'value' of null(…)</code></p>
  
  <p>If i try <code>$('.upload-section__input').val("jo")</code>
  I get the error <code>VM228:1 Uncaught TypeError: $(...).val is not a function(…)</code></p>
  
  <p>Could someone please tell me what is causing this problem?</p>