Проблемма с moriss.js

                                        <link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.5.1.css">

                                        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

                                        <script src="../template/js/plugins/morris/morris.min.js" type="text/javascript"></script>

                                        <script type="text/javascript">

                                                $(function() {

                                                        "use strict";

 

                                                        // AREA CHART

                                                        var area = new Morris.Area({

                                                                element: 'lol',

                                                                resize: true,

                                                                data: [{"hour":"22:00-23:00","host":1,"hits":3},{"hour":"23:00-24:00","host":0,"hits":20}],

                                                                xkey: 'hour',

                                                                ykeys: ['host', 'hits'],

                                                                labels: ['Поситетели', 'Переходи'],

                                                                lineColors: ['#a0d0e0', '#3c8dbc'],

                                                                hideHover: 'auto'

                                                        });

                                                });

                                        </script>

                                        <div class="chart" style="height:300px;" id="lol"></div>