Ajax jquery表单插件不工作

我是一个新手程序员。我被一个简单的代码困了两天。我尝试使用jquery表单插件将表单提交到另一个页面，并从该页面获得反馈。问题是插件不起作用。表单正常提交，没有反馈。下面是代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script>

<div id='preview'></div>
<form  action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'>
<input type='file' id='pic' name='picture'>
<input type='submit' id='sub'>
</form>

var options=
{
target:'#preview',
url:'ajaxcall.php'


};

$(document).ready(function(){
$("#sub").click(function(){
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
    $('#upload_pic').ajaxForm(options).submit();
    });
});

var期权=
{
目标：“#预览”，
url:'ajaxcall.php'
};
$（文档）.ready（函数（）{
$（“#子”）。单击（函数（）{
$（“#预览”）.html（“”）；
$（'#upload_pic'）.ajaxForm（选项）.submit（）；
});
});

下面是我的ajaxcall.php页面代码

 if(!empty($_FILES['picture']['size']))
 {
echo "<img src='images/197.jpg'>";

 }

if（！空（$\u文件['picture']['size']））
{
回声“；
}

---

预期会返回回显图像，但页面只是重定向到ajaxcall.php页面。ajaxForm（）函数不起作用。但原因是什么？请提供帮助。提前感谢。

只需将提交按钮替换为普通按钮，因为您已经从单击处理程序以编程方式提交表单，因此，请替换以下html：

<input type='submit' id='sub'>

对于这一个：

<input type='button' id='sub'>

---

使用这些代码而不是脚本代码。对不起，我迟了答复

$(document).ready(function(){
$("#sub").click(function(){
       var options=
       {
          target:'#preview',
          url:'ajaxcall.php' 
       };
       $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>");
       $('#upload_pic').ajaxForm(options).submit();

    });
});

$（文档）.ready（函数（）{
$（“#子”）。单击（函数（）{
var期权=
{
目标：“#预览”，
url:'ajaxcall.php'
};
$（“#预览”）.html（“”）；
$（'#upload_pic'）.ajaxForm（选项）.submit（）；
});
});

好的，解决方案似乎有点不同，请查看我的更新答案。如果这最终对您有效，请记住将答案标记为已接受（在问题分数下标记复选框）：-）仍重定向到ajaxcall.php页面。如果您的解决方案对您有效，它也对我有效。有什么问题。请帮助。