Я собираюсь просмотреть изображение или фотографию в форме, но это не работает, и HTML-код выглядит следующим образом:

<form action="" method="post" enctype="multipart/form-data" name="personal_image" id="newHotnessForm">
    <p><label for="image">Upload Image:</label>
    <input type="file" id="imageUpload"/></p>
    <p><button type="submit" class="button">Save</button></p>
        <div id="preview">
            <img width="160px" height="120px" src="profile pic.jpg" id="thumb" />
        </div>
    </form>

и включенный код JS / скрипт ниже:

<script type="text/jaavascript">
$(document).ready(function(){
    var thumb=$('#thumb');
    new AjaxUpload('imageUpload',{
    action:$('newHotnessForm').attr('action'),
    name:'image',
    onSubmit:function(file,extension){
        $('#preview').addClass('loading');
    },
    onComplete:function(file,response){
        thumb.load(function(){
            $('#preview').removeClass('loading');
            thumb.unbind();
        });
        thumb.attr('src',response);
    }
    });
});

В моей форме есть 2 основных вопроса:
1. Почему не работает предварительный просмотр изображения или изображения?
2.Как вставить фотографию из формы, когда нажата кнопка «Сохранить», она перейдет / перейдет на другую страницу php или php, которую я создал?