Button File Upload Issues - JQueryMobile(does not work) vs HML5(works)

Button File Upload Issues - JQueryMobile(does not work) vs HML5(works)

Hello,

Newbie Question:

HTML - The "Form Action" code shown below lets the user select and upload a file to a database(Works in HTML5-no problems).  

However...
Using JQueryMobile - The code returns "undefined" or should I say opens an "undefined page?"
(in this case, the JQuery doc never connects to the upload.php file.)

How to I modify the HTML5 code to execute in JQueryMobile?
(searched and tried several days of solutions but no success.)

IAustin

Thank You

----------------------------- version jquery code below ------------
<!DOCTYPE html>
<html>
<head>

<title>My Page</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script type="text/javascript" src=" http://code.jquery.com/jquery-1.6.4.min.js"></script>

</script>  
</head> 
<body>
   
<div data-role="page" id="page1">
        <div data-role="header">
            <h1>Header for Title</h1>
                <a href="#page1" data-role="button" data-icon="home" data-theme="b">Home</a>
        </div><!-- /header -->
        
     <!-- main-->
<div data-role="main" class="ui-content">
  <h2>Best Product Stripped</h2>
  <p>Select photo, enter price, click the Upload button.</p>
  
<form action="upload5.php" method="post" enctype="multipart/form-data">
<input type="file" name="vfImageName" /> <br>
<input type="text" name="plant_cost" value="Enter Cost of Plant"> <br>
<input type="submit" name="vButtonSubmit" value="Click To Upload"/>
</form>

</div>
        
</body>
</html>