JQuery upload doesn't work with page using a rewritten url
===

I have found a php jquery upload script with a progress bar which actually works.

The problem is, if i use apache mod rewrite to rewrite a url from http://www.mysite.com/upload.php to http://www.mysite.com/uploads/upload.php, it doesn't work but it will work if i use an unrewritten url

Is there a reason why jquery won't run on a rewritten url?

It doesn't use the jquery form to ajax the upload instead just doing a normal upload.

This is the code for the upload.php

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Ajax Upload and Resize with jQuery and PHP</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	 <script> 
			$(document).ready(function() { 
			//elements
			var progressbox 	= $('#progressbox');
			var progressbar 	= $('#progressbar');
			var statustxt 		= $('#statustxt');
			var submitbutton 	= $("#SubmitButton");
			var myform 			= $("#UploadForm");
			var output 			= $("#output");
			var completed 		= '0%';
			
					$(myform).ajaxForm({
						beforeSend: function() { //brfore sending form
							submitbutton.attr('disabled', ''); // disable upload button
							statustxt.empty();
							progressbox.slideDown(); //show progressbar
							progressbar.width(completed); //initial value 0% of progressbar
							statustxt.html(completed); //set status text
							statustxt.css('color','#000'); //initial color of status text
						},
						uploadProgress: function(event, position, total, percentComplete) { //on progress
							progressbar.width(percentComplete + '%') //update progressbar percent complete
							statustxt.html(percentComplete + '%'); //update status text
							if(percentComplete>50)
								{
									statustxt.css('color','#fff'); //change status text to white after 50%
								}
							},
						complete: function(response) { // on complete
							output.html(response.responseText); //update element with received data
							myform.resetForm();  // reset form
							submitbutton.removeAttr('disabled'); //enable submit button
							progressbox.slideUp(); // hide progressbar
						}
				});
			}); 

		</script> 
	 <link href="style/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body>

	<form action="processupload.php" method="post" enctype="multipart/form-data" id="UploadForm">
	<table width="500" border="0">
	  <tr>
		<td>File : </td>
		<td><input name="ImageFile" type="file" /></td>
	  </tr>

	  <tr>
		<td>&nbsp;</td>
		<td><input type="submit"  id="SubmitButton" value="Upload" /></td>
	  </tr>
	</table>
	</form>

	<div id="progressbox"><div id="progressbar"></div ><div id="statustxt">0%</div ></div>
	<div id="output"></div>


	</body>
	</html>


    