Uncaught TypeError: $ (& hellip;). The value is not a function when you try to send a value via JQuery

advertisements
<!DOCTYPE html>
<html>
<head lang="en">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <meta charset="UTF-8">
    <title>PHP socket chat</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font: 13px Helvetica, Arial; }
        form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
        form input { border: 0; padding: 10px; width: 100%; margin-right: .5%; }
        form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
        #messages { list-style-type: none; margin: 0; padding: 0; }
        #messages li { padding: 5px 10px; }
        #messages li:nth-child(odd) { background: #eee; }
    </style>

</head>
<body>
<ul id="messages"></ul>

<form action="">
    <input type ="text" id="m" autocomplete="off" />
    <input type="submit" value="Submit" onclick="$('#messages').load('send.php', { chat_message: $('#m').value() });" />
</form>

I am seeing an

"Uncaught TypeError: $(...).value is not a function"

whenever I submit data, and I'm not sure why. I'm trying to send the data in the text field via POST to send.php.

Any help would be appreciated, thanks!


There is no function named value in jquery.

{ chat_message: $('#m').value() }

It should be -

$('#m').val()