Update ASP.NET image using signalr from code behind

See more:

VB

ASP.NET

SignalR

I am very new to SignalR. I am trying to make my ASP.Net website update an image for all clients after a button is clicked. After the button is clicked some computation is done at the server side(VB.NET) and ideally it would push an update to the image for all clients. When I run it, I don't get any errors but nothing happens. Any help would be greatly appreciated!


What I have tried:

Startup Page

Imports Microsoft.Owin
Imports Owin

<Assembly: OwinStartup(GetType(ImageHub.Startup))>
Namespace ImageHub

Public Class Startup
    Public Sub Configuration(ByVal app As IAppBuilder)
        app.MapSignalR()
    End Sub
End Class
End Namespace

Signal R Hub Class

Imports Microsoft.AspNet.SignalR

Namespace ImageHub
<Hubs.HubName("imageHub")>
Public Class ImageHub
    Inherits Hub
    Public Sub updateImage(src As String)
        Clients.All.updateImage(src)
    End Sub
End Class
End Namespace

VB.Net Code Behind

Dim contextHub = GlobalHost.ConnectionManager.GetHubContext("imageHub")      
contextHub.Clients.All.updateImage("www.imageurl.com")

Client Side

<script type="text/javascript">
    $.connection.hub.start().done(function () {
    });
    var updater = $.connection.imageHub;
     updater.client.updateImage = function (image_source) { 
         $('#img').attr('src',image_source); 
        };
    </script>