How to pass an array from SignalR server and present the result using Knockout

I'm playing around with SignalR and KnockoutJS and can't seem to find an easy way to get an array from a database exposed using MVC4 framework.

I have no problem sending a single object from the server, but when I try to send an array, I get stuck. Hopefully someone with more experience can spot the obvious mistakes I am making and show how this should be done (JavaScript is not my forte). The problem, as I understand it, is the mapping of the data transferred from the server. Any help is greatly appreciated!

SignalR Hub (orders - simple table with id and name)

public class feedHub : Hub
{
    private dataContext db = new dataContext();
        public void GetAll()
        {
        var orders = db.orders.ToArray();
        Clients.getData(orders);
        }
}

      

        
        
        
      

    

Simple HTML code for submitting orders;

<div id="Demo"> 
  <div data-bind="foreach: orders">
    <div data-bind="html: Id"></div>
    <div data-bind="html: Name"></div> 
  </div>
</div>

      

        
        
        
      

    

JavaScript

<script type="text/javascript">   

    var viewModel = {
       orders: ko.observableArray(orders)
    };


    ko.applyBindings(viewModel, $("#Demo")[0]);

    $(function () {        
        // Client side version of the feebHub class
        var hubcon = $.connection.feedHub;

        // getData called from server 
        hubcon.getData = function (data) { viewModel.orders(data) };

        // Start connection and call getAll
       $.connection.hub.start(function () { hubcon.getAll(); });

    });

</script>