JQuey drag and drop uploader doen't work in multiple froms in MCV3 razor views
This is the demo site URL http://blueimp.github.com/jQuery-File-Upload/ i have used to implement drag and drop uploader in my site.
I'm using MCV3 with razor views and there are multiple forms in the same view and with in single view contains multiple submits buttons.

The problem is uploader doesn't work if the form contains submit button.
   
    @using (Html.BeginForm("Save", "Settings", FormMethod.Post, new { id = "formSettings", @class = "form-vertical", }))
    {    
    <div id="fileUp_1" class="fileupload" >
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
            <!-- Drop Zone  -->
            <div id="dropZone" class="fade well dropzone">
                Drop files here</div>
            <div class="span7">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button"><i class="icon-white"></i><span>Upload</span>
                    <input id="upload_1" type="file" />
                </span>
                <button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i><span>Start upload</span>
                </button>
                <button type="reset" class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i><span>Cancel upload</span>
                </button>
                <button type="button" class="btn btn-danger delete">
                    <i class="icon-trash icon-white"></i><span>Delete</span>
                </button>
                <input type="checkbox" class="toggle" />
            </div>
            <div class="span5">
                <!-- The global progress bar -->
                <div class="progress progress-success progress-striped active fade">
                    <div class="bar" style="width: 0%;">
                    </div>
                </div>
            </div>
        </div>
        <!-- The loading indicator is shown during image processing -->
        <div class="fileupload-loading">
        </div>
        <br />
        <!-- The table listing the files available for upload/download -->
        <table class="table table-striped" multirow="false">
            <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery">                
            </tbody>
        </table>
    </div>   
    <div class="footer">
        <input id="btnSave" class="btn btn-primary" type="submit" value="Save" />
    </div>
    }

I'm very appreciate if any one can give me a help. Thanks
PrasaD

JQuey drag and drop uploader doen't work in multiple froms in MCV3 razor views
===

This is the demo site URL http://blueimp.github.com/jQuery-File-Upload/ i have used to implement drag and drop uploader in my site.
I'm using MCV3 with razor views and there are multiple forms in the same view and with in single view contains multiple submits buttons.

The problem is uploader doesn't work if the form contains submit button.
   
    @using (Html.BeginForm("Save", "Settings", FormMethod.Post, new { id = "formSettings", @class = "form-vertical", }))
    {    
    <div id="fileUp_1" class="fileupload" >
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
            <!-- Drop Zone  -->
            <div id="dropZone" class="fade well dropzone">
                Drop files here</div>
            <div class="span7">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button"><i class="icon-white"></i><span>Upload</span>
                    <input id="upload_1" type="file" />
                </span>
                <button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i><span>Start upload</span>
                </button>
                <button type="reset" class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i><span>Cancel upload</span>
                </button>
                <button type="button" class="btn btn-danger delete">
                    <i class="icon-trash icon-white"></i><span>Delete</span>
                </button>
                <input type="checkbox" class="toggle" />
            </div>
            <div class="span5">
                <!-- The global progress bar -->
                <div class="progress progress-success progress-striped active fade">
                    <div class="bar" style="width: 0%;">
                    </div>
                </div>
            </div>
        </div>
        <!-- The loading indicator is shown during image processing -->
        <div class="fileupload-loading">
        </div>
        <br />
        <!-- The table listing the files available for upload/download -->
        <table class="table table-striped" multirow="false">
            <tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery">                
            </tbody>
        </table>
    </div>   
    <div class="footer">
        <input id="btnSave" class="btn btn-primary" type="submit" value="Save" />
    </div>
    }

I'm very appreciate if any one can give me a help. Thanks
PrasaD
