SignalR proxy is undefined
<p>why  <code>$.connection.connectionhub</code> is undefined, am using webform.</p>

<pre><code>&lt;script src="/scripts/jquery-1.6.4.min.js" "&gt;&lt;/script&gt;
    &lt;!--Reference the SignalR library. --&gt;
    &lt;script src="/scripts/jquery.signalR-2.2.1.min.js"&gt;&lt;/script&gt;
    &lt;!--Reference the autogenerated SignalR hub script. --&gt;
    &lt;script src="/signalr/signalr/hubs"&gt;&lt;/script&gt;
    &lt;!--Add script to update the page and send messages.--&gt;
    &lt;script type="text/javascript"&gt;
        $(function () {


            $.connection()
            // why it is  undefined
            var chat = $.connection.connectionhub;
</code></pre>

<p>---------------------------Hub Class------------------------------</p>

<pre><code>  public class ConnectionHub : Microsoft.AspNet.SignalR.Hub
    {
        public void Hello()
        {
            Clients.All.hello();
        }
        public void SendMessage()
        {

        }
    }
</code></pre>

<p>------------------------Scripts----------------------------------</p>

<p><a href="https://i.stack.imgur.com/alQaJ.png" rel="nofollow"><img src="https://i.stack.imgur.com/alQaJ.png" alt="enter image description here"></a></p>