Connection Variable in SignalR Undefine
===

Can you help me fix my problem in signalR applied in MVC 3. here's my code in my class.

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using SignalR.Hubs;
    
    namespace MvcApplication3
    {
        public class Signal: Hub 
        {
           public void SendMessage(string msg, string to)
            {
                Clients.SendMessages(msg, to);
            }
        }
    }

and here's my .cshtml code.

    <script type="text/javascript">
        $(function () {
            var Nchat = $.connection.Signal;
    
            Nchat.SendMessages = function (msg, to) {
                $(".chatbox").append("<b>" + to + ":</b>" + msg);
            };
    
            $("button").on("click", function () {
                alert("a");
                Nchat.SendMessages($("textarea").val(), $("#username").val());
            });
    
            $.connection.hub.start();
        });
    </script>
    <style>
        .chatbox{min-height:200px;width:200px;}
    </style>
    <div class = "chatbox"></div>
    Input Username:<br><input type="text" id = "username"/>
    <br>Enter Message:<br>
    <textarea></textarea>
    <br>
    <button>Send</button>

I already check i reference my jquery and signalR on my page and everything is fine, but when i test it, it throws an error in my firebug. heres the error

    Nchat is undefined  
    Nchat.SendMessages = function (msg, to) {


I really need you help. Thank you Guys.