Submit an image by ajax

Submit an image by ajax

Another question for you ... 
Here there is the code complete:  http://jsfiddle.net/LQN43/1/
I need to submit some data by ajax to a file php ... all so ok for the text bu not for the image ... i have this code

HTML
  1. <label>Name:<label><input class="name" /><br>
  2. <label>Surname:<label><input class="surname" /><br>
  3. <input type="file" class="selectImage" id="selectedImageFile" /><br>

  4. <div style="border:1px solid; width:100px; height:100px">
  5.     <img id="uploadPreview" style="width:100%"/>
  6. </div>

JQUERY
  1. $(document).on('change', '.selectImage', function(){
  2.     var oFile = document.getElementById('selectedImageFile').files[0];
  3.     var oImage = document.getElementById('uploadPreview');
  4.     var oReader = new FileReader();
  5.     oReader.onload = function(e){
  6.      oImage.src = e.target.result;
  7.     };
  8.     oReader.readAsDataURL(oFile);
  9. });

  10. $(document).on('click', '.save', function(){
  11.     var name=$('.name').val();
  12.     var surname=$('.surname').val();
  13.     var img=document.getElementById('selectedImageFile').files[0];
  14.     $.ajax({
  15.         url: 'php/reqest.php',
  16.         type: 'post',
  17.         data: {'name': name, 'surname': surname, 'img': img}
  18.     });
  19. });
Error Console
Uncaught TypeError: Illegal invocation                     jquery-1.9.1.js:7340

Thanks for the support