入力したデータをlocalstorageに保存し、別箇所に表示したい

###前提・実現したいこと
入力した情報をlocalstorageに保存し、別の場所に表示したいのですが、
ボタンを押しても実行されません。どこが間違っているのでしょうか・・・
初歩的な質問になりますが、よろしくお願いいたします。

###該当のソースコード

html
1<!DOCTYPE HTML>
2<html>
3<head>
4    <meta charset="utf-8">
5
6    <script type="text/javascript">
7    $(function(){ 
8        $("#send").click(function(){
9            localStorage.setItem("name", "#names");
10
11        //保存データの表示 
12            var value = localStorage.getItem("name"); 
13            $("#result").val(value); 
14            });
15    }); 
16    </script>
17
18</head>
19    
20<body>
21<!--データの入力-->
22    <input type="text" class="text-input" id="names" placeholder="名前" style="display: block; width:100%">
23
24    <button type="submit" id="send">登録する</button>
25    
26<!--データの表示-->
27   <div id="result"></div>
28    
29</body>
30</html>
31

行動規範の内容に同意します

回答1件

ベストアンサー

IEでは、サーバーで実行しないとlocalStorageが使えないようです。
Firefox, Chromeではローカルでも使えます。
jQueryの間違いがありましたので直しました。

HTML
1<!DOCTYPE HTML>
2<html>
3<head>
4<meta charset="utf-8">
5<script type="text/javascript" src="jquery-2.1.4.js"></script>
6<script type="text/javascript">
7$(function() {
8	$("#send").click(function() {
9		localStorage.setItem("name", $("#names").val());
10
11		//保存データの表示
12		var value = localStorage.getItem("name");
13		$("#result").text(value);
14	});
15});
16</script>
17</head>
18
19<body>
20<!--データの入力-->
21    <input type="text" class="text-input" id="names" placeholder="名前" style="display: block; width:100%">
22
23    <button type="submit" id="send">登録する</button>
24
25<!--データの表示-->
26   <div id="result"></div>
27
28</body>
29</html>