File Upload and Model Data simultaneously using jquery and ajax

File Upload and Model Data simultaneously using jquery and ajax

Hi,
I have a requirement where I need to pass some data entity along with a pdf to the server to be saved. I cannot achieve this using the Jquery file uploader and using a form post to get both the entity data and the file at the same time.
Please help as to how I can send both the data and the file using a single ajax function to the server.


Is it possible to achieve this using the regular html file type input and standard  html controls and calling a ajax function on click of a button?