title: Error while inserting "input type=file" on an absolute div having action - ember.js
body: <p>In my ember application I need to upload an image and need to capture the change of files. So I used an view in the following manner</p>
  
  <pre><code>export default Ember.TextField.extend({
    type: 'file',
    accept: 'image/*',
  
    click: function() {
      this.dispatchEvent(event.originalEvent);
      return false;
    },
  
    change: function(evt) {
      console.log("Photo upload");
    }
  });
  </code></pre>
  
  <p>The "click" event is handled separately for a reason. This view was working properly till I used this inside another view which itself handled an action on a whole. </p>
  
  <p>So I had to to handle this event explicitly and return false. </p>
  
  <p>Now the error I encountered here is..</p>
  
  <blockquote>
    <p>Uncaught TypeError: this.dispatchEvent is not a function</p>
  </blockquote>
  
  <p>I searched and found that this could be happening because of conflicts with JQuery's $ variable and I should add</p>
  
  <pre><code>&lt;script&gt;jQuery.noConflict();&lt;/script&gt;
  </code></pre>
  
  <p>But I'm not sure where to add this in Ember-CLI.</p>
  
  <p>Now there could be two fixes here, I should call the original event of the "file" field or add "jQuery.noConflict()" at the right place.</p>
  
  <p>Please provide me with the fix or any way which is right to achieve this functionality. </p>