Enviar imagens em JS

Olá amigos, tenho o seguindo código:

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function(){ /* #imagem é o id do input, ao alterar o conteudo do input execurará a função baixo */ $('#imagem').live('change',function(){ $('#visualizar').html('<img src="ajax-loader.gif" alt="Enviando..."/> Enviando...'); /* Efetua o Upload sem dar refresh na pagina */ $('#formulario').ajaxForm({ target:'#visualizar' // o callback será no elemento com o id #visualizar }).submit(); }); }) </script>

<form id="formulario" method="post" enctype="multipart/form-data" action="upload.php"> Foto <input type="file" id="imagem" name="imagem" /> </form> <div id="visualizar"></div>

Da devmedia, é queria saber como so enviar a imagem somente quando ele clicar em um possível botão de ENVIAR já tentei de várias formas mais não conseguir fazer isso então essa minha opção para corre para vocês me salvarem. Agradeço desde Já!