I'd like to detect the value chosen from a drop down, and then pass that to the page url and reload
<p>I have some javascript sorting my ul, alphabetically a-z or z-a. It works fine on page one, but if there is more than one page it ignores the list on page 2 etc.</p>

<p>So, instead of using javascript to sort the li's, I want to pass the selection back to the page's query and reload</p>

<p>here's my script, most of which is redundant now. </p>

<pre><code>var select = document.getElementById('organise');

        $('#organise').change(function() {

            if(select.value === 'A') {

                $('.recipeTable li').sortElements(function(a,b){

                    var aText = $.text([a]);
                    var bText = $.text([b]);

                    return aText.toLowerCase() &gt; bText.toLowerCase() ? 1 : -1;
                });

            } else {

                $('.recipeTable li').sortElements(function(a,b){

                    var aText = $.text([a]);
                    var bText = $.text([b]);

                    return aText.toLowerCase() &gt; bText.toLowerCase() ? -1 : 1;
                });

            }

        });
</code></pre>

<p>So I want to detect the selected dropdown value (either A or Z) and pass that into the url and reload. I'm stuck ;-?</p>

<p>Rich :)</p>
