クライアント側からサーバー側にSocket.ioを使ってデータ送信

htmlからサーバーサイドにデータを送る際に、自分の書いた下のコードだと、コンソール上にdataが書かれません。
何がいけないのでしょうか？（socket.ioが機能していないのかも...）
ちなみにドットインストールを参考にしてコードを書きました。

js
1var app = require("http").createServer(handler),
2    io  = require("socket.io").listen(app) ,
3    fs  = require("fs") ;
4//listenでサーバー組み立てに紐つけた。
5
6app.listen(3000) ;
7console.log("server start!");
8
9function handler(req,res){
10  fs.readFile(__dirname+"/index.html",function(err,data){
11    if(err){
12      res.writeHead(500);
13      return res.end("Error");
14    }
15
16    res.writeHead(200);
17    res.write(data);
18    res.end();
19
20})
21}
22//クライアントからのemitを待ち受ける
23io.sockets.on("connection",function(socket){
24     socket.on("emit_data",function(data){
25       console.log(data);
26     });
27});
28

html
1
2<!DOCTYPE html>
3<html lang="ja">
4  <head>
5    <meta charset="utf-8">
6    <title>socket.io</title>
7  </head>
8  <body>
9    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
10    </script>
11    <script src="/socket.io/socket.io.js"></script>
12
13    <form name="myid">
14      <input type="text" name="msg">
15      <input type="submit" value="送信">
16      <script>
17      function(){
18        var socket = io.connect();
19        $('form[name="myid"]').submit(function(){
20        socket.emit("emit_data",$('input[name="msg"]').val());
21});
22};
23      </script>
24  </body>
25</html>
26