Handling timezones for Javascript date
<p>I have a simple timer countdown HTML page</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"&gt;
&lt;meta content="width=device-width, initial-scale=1" name="viewport"&gt;
&lt;title&gt;Countdown&lt;/title&gt;
&lt;style type="text/css"&gt;
@import "http://keith-wood.name/css/jquery.countdown.css";

#defaultCountdown { width: 240px; height: 45px; }
&lt;/style&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(function () {
    var austDay = new Date();
    austDay = new Date("December 9, 2011 11:30:00");
    $('#defaultCountdown').countdown({until: austDay});
    $('#year').text(2011);
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h2&gt;Countdown&lt;/h2&gt;
&lt;p&gt;Counting down to 11:30am Dec 9th, &lt;span id="year"&gt;2011&lt;/span&gt;.&lt;/p&gt;
&lt;div id="defaultCountdown"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Problem is that it doesn't handle timezones properly. For example, it shows the correct countdown in my timezone but if someone views it from say in CST, it's off by 2 hours. What's the proper way to set the <code>Date</code> in the Javascript code? Right now, I have this</p>

<pre><code>    austDay = new Date("December 9, 2011 11:30:00");
</code></pre>
