Socket.io and MEAN.io

I'm trying to do communication between front angularjs and backend node through socket.io. application is built over Mean.io boiler plate. Socket is unable to connect to backend. Here is my code

Angular.js

  <script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io('localhost:3000');
    console.log('-------->' , socket)

    socket.emit('new', { data: 'asd' });
    socket.on('hi',  function (data) {
        alert('socket connected     hi called');
        console.log('===================== ============== data',data);
    });
    socket.on('broadcast',  function (data) {
        console.log('===================== ============== data',data);
    });



</script>

Node.js

MeanStarter.register(function (app, users, system, database, http) {
   var io = require('./server/config/socketio')(http);
   io.on('connection', function (socket) {
   console.log(chalk.orange('------------------------ > a user connected'));
   socket.emit('hi', { data: 'hello' });    
   socket.on('new', function (data) {
      console.log(chalk.orange('=======> hello'));
      })
    });
  app.set('views', path.join(__dirname, '/server/views'))
  MeanStarter.routes(app, database);
  MeanStarter.angularDependencies(['mean.system', 'mean.users', 
  'ui.bootstrap','ngFileUpload', 'angularjs-dropdown-multiselect', 
  'angularMoment','mwl.calendar'])
  return MeanStarter
 })

And here is my browser responseenter image description here

via Zeeshan Noor