[SOLUCIONADO] Selializar archivos file con jquery

[tigreazul123]

Hola a todos.
Hace varias dias eh estado intentando mandar un archivo tipo "file" con jquery ( sin utilizar ningun plugin) y no eh tenido exito..
Pero hace unas horas encontre la forma y me funciono muy bien lo adjuntaba y guardaba en la BD correctamente.. el unico problema es que refrescaba la pagina ( algo que no quiero que haga).
Y alcabo de unos minutos cambie el tipo del boton.

Utilizando
<input type="submit" value="Enviar" id="upload"/>
Funciona el adjuntar archivo pero me refresca la pagina

Pero utilizando
<button id="upload">Enviar</button>
NO Funciona el adjuntar, pero si guarda los demas datos del formulario y no refresca la pagina.

Código Javascript:

$("#upload").bind("click",function(event){
    event.preventDefault;
    var url3 = $("#fm").attr('action');
    var dato = $("#fm").serialize();
    if($("#fm").valid()){
      $.post(url3,dato,function(){
        $("#result").sticky('<b>Guardado...</b><br><br><p>Formulario guardado correctamente.</p>');
        $('#fm')[0].reset();
        $("#fm").append("<div class='bloqueo-form'><div class='title'></div></div>");
        });
    }else{
      $("#result").sticky('<b>Debe llenar los campos en rojo.</b><br><br><p>campos requeridos</p>');
      }
  });
 

OJO: En este script esta con el evento click.. pero ya eh probado con el submit y es el mismo resultado

Espero que me ayan entendido y puedan ayudarme o darme una pista de como debo de hacerlo..
Gracias.