multiple time counter

<!DOCTYPE html>
<html>
    <head>
        <!-- Our CSS stylesheet file -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
        <link rel="stylesheet" href="assets/css/styles.css" />
        <link rel="stylesheet" href="assets/countdown/jquery.countdown.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="assets/countdown/jquery.countdown.js"></script>

        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>

    <body>


        <br>
        <table border="0"><tr><td>
        <div class="countdown"></div>
        <p class="note" data-ts="2014, 11-1, 25, 10, 0, 0"></p>
        </td></tr></table>

        <!-- JavaScript includes -->

        <script type="text/javascript">


             $(function(){

        $('.countdown').each(function() {
            var $this = $(this),
                ts = new Date($this.data('ts')),
                newYear = new Date() > ts;
            $this.countdown({
                timestamp   : ts,
                callback    : function(days, hours, minutes, seconds){
                    var message = "";
                    message += days + " hari" + ( days==1 ? '':'' ) + ", ";
                    message += hours + " jam" + ( hours==1 ? '':'' ) + ", ";
                    message += minutes + " menit" + ( minutes==1 ? '':'' ) + ", ";
                    message += seconds + " detik" + ( seconds==1 ? '':'' ) + " <br />";
                    $this.next().html(message);
                }
            });
        });

    });


    </script>

    </body>

</html>