title: Submit an <input type="file" /> using jQuery $.post
body: <p>I have a <code>&lt;div/&gt;</code> tag which contains a file upload <code>&lt;input id="file" type="file"/&gt;</code> tag.  I want to post the contents of the <code>input</code> tag to a php page using <code>$.ajax()</code> or <code>$.post()</code> but how do I grab the contents of the <code>input</code> tag having its type as <code>"file"</code>? so I can submit it using the jQuery ajax functions?</p>
  
  <p>Note:  My code doesn't have a <code>&lt;form/&gt;</code> tag yet.  I am not sure if its mandatory to upload files.  <strong>Also i've seen some workarounds using <code>&lt;iframe&gt;</code> I want to know if this can be done otherwise.</strong></p>
  
  <p>I don't want to use any plugins to do this.</p>