Reusing Same HTML5 Code In JQueryMobile

Reusing Same HTML5 Code In JQueryMobile

Hello

Code Works From HTML doc
My existing upload.html doc when clicking a button points to the upload.php doc which successfully inserts photos into a database.

<form action="upload5.php" method="post" enctype="multipart/form-data">
<input type="file" name="vfImageName" /> <br>
<input type="text" name="photo_cost" />                  
             <input type="submit" name="vButtonSubmit" value="Click To Upload" />
</form>

However, Same Code Using JQueryMobile Button Does Not Work
I tried inserting this same code into JQuery file and using a JQueryMobile botton; but clicking new button still returns an "undefined?"

<form action="upload5.php" method="post" enctype="multipart/form-data">
<input type="file" name="vfImageName" /> <br>
<input type="text" name="photo_cost" />                  
             <button href="upload5.html" class="ui="btn">Click To Upload</button>
</form>

Question
How do i simply reuse this existing upload.html code in JQueryMobile doc to start the file upload?

JQuery Newbie Question