How do I rearrange the order of a list on a web page based on the current day?
<p>I'm working on a web site for a restaurant and the Daily Specials list takes up too much vertical space.  Each <code>&lt;li&gt;</code> consists of the day of the week, name of the special, and a description.</p>

<p>I'd like to encapsulate the list using <a href="http://jscrollpane.kelvinluck.com/basic.html" rel="nofollow">jScrollPane</a>.</p>

<p>However, this would require the user to scroll to find out what the special for that day is.</p>

<p>So, I want to have the special for the current day always be present at the top, with the other specials listed below.  For example, if today is Wednesday, the list would be ordered as follows:</p>

<ul>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ul>

<p>The specials will not change for the foreseeable future.  Currently I have them in an unordered list (<code>&lt;ul&gt;</code>).  What would be the best method to achieve this?</p>
