うまくいかないので教えてください。

まずこの枠内にユーザーに文字や画像を入力してもらいます。

```

    <div id="editor" contenteditable="true"></div>
    
```

入力後このボタンをユーザーに押してもらうことをトリガに

```

    <input type="buttun" onclick="add()">
    
```

jQueryを実行して、

```

    function add() {
    var editor = $("#editor").val();
    $.mobile.changePage($("#list-page"));
    $("#list").append("<li>” + "<p>" + editor + "</p></li>")
    $("#list").listview('refresh');
    };
    
```

以下のリストビューにユーザーが入力した内容を反映

```

    <div data-role="page" id="list-page">
    <ul data-role="listview" data-inset="true" id="list"></ul>
    </div>
    
```

という流れにしたいのですが、ボタンを押しても先に進めずに困っています。  
上記のコードに何か間違いはあるでしょうか。
CC BY-SA 4.0
2016-05-13T14:38:56.910
24829
2019-07-10T08:06:38.993
2019-07-10T08:06:38.993
32986
15427
question
jquery html5
div contenteditable="true"でユーザーに入力してもらった値の渡し方
[jQueryのリファレンス](http://api.jquery.com/val/)には`div`に`.val()`が使えるとは書いていません。おそらく、`.html()`
などを使う必要があります。
CC BY-SA 3.0
2016-05-13T15:58:21.770
24831
2016-05-13T15:58:21.770
3475
24829
answer