Submit form on SELECT value change not working in IE

[Mr.Mando]

I have a \[code\]select\[/code\] element outside of a form on a webpage I'm making. I'm using it to set the ordering of elements on the page. I am using jquery to submit the form when the \[code\]select\[/code\] changes values. This works fine in Chrome and Firefox but nothing happens in IE. Any ideas why?\[code\]<form id="changePage" action="index.php" method="post">Page: <a id="1" href="http://stackoverflow.com/questions/14574828/#" class="current">1</a> <a id="2" href="http://stackoverflow.com/questions/14574828/#">2</a> <a id="3" href="http://stackoverflow.com/questions/14574828/#">3</a> <a id="4" href="http://stackoverflow.com/questions/14574828/#">4</a> <a id="5" href="http://stackoverflow.com/questions/14574828/#">5</a> <input type="hidden" id="currentPage" name="currentPage" value="http://stackoverflow.com/questions/14574828/1"> <input type="hidden" name="seaMls" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaAddress" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaCity" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaCounty" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaZip" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaPriceMin" class="seaPriceMin" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaPriceMax" class="seaPriceMax" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaBedsMin" class="seaBedsMin" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaBedsMax" class="seaBedsMax" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaBathsMin" class="seaBathsMin" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="seaBathsMax" class="seaBathsMax" value="http://stackoverflow.com/questions/14574828/Any"> <input type="hidden" name="ordering" value="http://stackoverflow.com/questions/14574828/Any"> </form></div><div class="two columns ordering"> <label for="orderBy">Order By: </label> <select id="orderBy" name="orderBy" form="changePage"> <option value="http://stackoverflow.com/questions/14574828/high">Highest Price</option> <option value="http://stackoverflow.com/questions/14574828/low">Lowest Price</option> <option value="http://stackoverflow.com/questions/14574828/city">City</option> <option value="http://stackoverflow.com/questions/14574828/beds">Beds</option> <option value="http://stackoverflow.com/questions/14574828/baths">Baths</option> </select></div>\[/code\]The "sea" variables are used for passing search values.The jquery:\[code\]$(document).ready(function() { $(".ordering select").change(function(event) { $("#currentPage").val(1); $("#changePage").submit(); });});\[/code\]