client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
< の記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします

エラー内容

    SyntaxError: expected expression, got '<'    client-ios.js:1

ソースコード

    var pos_x, pos_y;
    var canvas, ctx;
    function load() {
        pos_x = 0;
        pos_y = 0;
        canvas = document.getElementById("main");
         ctx = canvas.getContext("2d");
    
        display();
     }
    
    function display() {
        ctx.clearRect(0, 0, 300, 300);
        //150は黄色の背景の半分つまり中心でそこからのズレを指定している
        ctx.fillRect(150+pos_x, 150-pos_y, 40, 20);
    
        setTimeout(display, 50); // タイマーで定期的に display() を実行
    }
    function iosHandleOrientation(event) {
        var orientData = event.accelerationIncludingGravity;
        var accel_scale = 30.0;
        var filter_val = 0.1;
    
        // ローパスフィルタ
        pos_x = (orientData.x*accel_scale * filter_val) + (pos_x * (1.0 - filter_val));
        pos_y = (orientData.y*accel_scale * filter_val) + (pos_y * (1.0 - filter_val));
    
        $("#x").text(orientData.x);
        $("#y").text(orientData.y);
    }
    window.addEventListener("devicemotion", iosHandleOrientation, true);
    $(function() {
    var socket = new io.Socket(null, {port: 8080});
    
    socket.connect();
    window.addEventListener('devicemotion', function(evt) {
        var acc = evt.accelerationIncludingGravity;
        socket.send(acc);
    },true);
    });

追記

上記のプロジェクトとは別のプロジェクトを実行しても同様のエラーが発生しました
http://d.hatena.ne.jp/tomo-ono/20110530/1306740692
のサイトを参考に作成したのですが、server.js(サーバー側のjsファイル)の記述がどちらのプロジェクトでも似たような記述になっているのでもしかするとそこに原因があるのかもしれないのですが、依然として解決方法が分かりません

上のURLを参考に作成したプロジェクトのソースコード

client.js

    $(function() {
	var socket = new io.Socket(null, {port: 8080});
	socket.connect();

	function iosHandleOrientation(event) {
		var orientData = event.accelerationIncludingGravity;
		socket.send(orientData.x + " " + orientData.y + " " + orientData.z );	 
	}

	window.addEventListener("devicemotion", iosHandleOrientation, true);

	socket.on('message', function(obj) {
		data = obj.split(" ");
		$('#data').append("<tr><td>" + parseFloat(data[0]).toFixed(3) + "</td><td>" + parseFloat(data[1]).toFixed(3) + "</td><td>" + parseFloat(data[2]).toFixed(3) + "</td></tr>");

	});
    });


server.js

    var fs = require('fs');
    var http = require('http'),
        io = require('socket.io'),

    server = http.createServer(function(req, res){
      fs.readFile('./socket.html','utf-8',doReard);
      function doReard(err,data){
	    res.writeHead(200, {'Content-Type': 'text/html'});
      res.write(data);
	    res.end();
    }
    });
    server.listen(8080);

    var socket = io.listen(server);
    socket.on('connection', function(client){
	    client.on('message', function(message) {
		    client.broadcast(message);
		    console.log(message);
	    });

	    client.on('disconnect', function(){
     		    console.log('Conncection closed.');
	    });
    });


socket.html

    <!DOCTYPE html>
    <html lang="ja">
    <meta charset="utf-8">
    <head>
	     <script type="text/javascript" src="https://cdn.socket.io/socket.io-   1.4.5.js"></script>
	     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	     <script src="client.js"></script>
    </head>
    <body>
    <table id="data">
    <tr><th>x</th><th>y</th><th>z</th></tr>
    </table>
    </body>
    </html>