Не работает ajaxForm()
 

Всем привет.
У меня есть контейнер, а-ля как http://www.ajaxdaddy.com/demo-dynamic-content.html

При клике на id='article1' я подставляю урл, и в #contentContainer появляется моя форма для загрузки файлов:

$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/file_upload_form/", function(){

Сама форма что то типа следующей:

<form id="videoform" action="http://localhost:8000/file_upload_form/" method="post" enctype="multipart/form-data">
	{{ form }}<br> // Тут поля формы
	<input type="submit" name="submit" value="Upload" id="submit"">
</form>

Хочу кликнуть на сабмит и попасть на страницу типа "ok.html" - любая, не суть, но чтоб она появилась именно в #contentContainer.
Пытаюсь юзать http://jquery.malsup.com/form/
что- то не получается.
Т.е. пытаюсь сделать как то вот так:

$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/file_upload_form/", function(){
                        $('#videoform').ajaxForm(function(){
                            $('#contentContainer').load("http://localhost:8000/file_upload_form/ok");
                        });
                    });
                });

Браузер пишет: Error: Form elements must not have name or id of "submit"

В итоге я не понимаю, как решить задачу. Если кто подскажет - заранее спасибо.

Убрал из

<input type="submit" name="submit" value="Upload" id="submit">

id и name, ошибка перестала возникать. Но по прежнему страница переталкивается.

Сделал так:

$('#article1').click(function(){
                $("#contentContainer").load("http://localhost:8000/My_project/upload.../", function(){
                    $(document).ready(function(){
                        $("#videoform").ajaxForm(function(){
                            $("#contentContainer").load("http://localhost:8000/My_project/../ok");
                        });
                    });
                });
            });