title: Cloudinary upload widget with Jquery "Failed to set the 'value' property on 'HTMLInputElement'"
body: <p>I am trying to include the jquery widget of cloudinary on a website so that it allows the client to be able to crop the image before upload. (basically a profile photo). I have added the following code to the page:</p>
  
  <pre><code>$('#upload_widget_opener').cloudinary_upload_widget(
  { cloud_name: 'moin-qidwai-me', upload_preset: 'zn7qhrdi' ,'form':'#profile-setting',
  'field_name':'userPhoto', 'thumbnails':'#user_photo', cropping: 'server', 'folder':
  'user_photos' },
  function(error, result) { console.log(error, result) });
  </code></pre>
  
  <p>I was testing something and hence I commented this code out and when I uncommented it apparently it stopped woking and gives me this error:</p>
  
  <pre><code> Uncaught InvalidStateError: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.
  </code></pre>
  
  <p>I have the whole file in the same state now through undos as it was before the commenting thing so it can not be anything I did after the comments but thats what it makes it so weird.</p>
  
  <p>Another issue is that even when it was working it was adding a input field of type hidden, is there a way I can get the url of the image that is uploaded and set the value of my own input field as that url?</p>