ajax загрузка файла

Есть форма, с полями для ввода имени продукта, количества ... и выбора фото (type="file"). ajax-запрос осуществляется через jquery:
$('#add').submit(function(){
...
... .load('...', $('#add').serialize(), function(data){ ...
Таким образом не удаетьтся загрузить файл на сервер.
Подскажите, пожалуйста, как можно загрузить фото на сервер, не перезагружая страницу.

Примечание:
Интересует, как это сделать на JQuery

Примечание:
Помогла эта библиотека: http://habrahabr.ru/blogs/jquery/75420/

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.