How to escape square brackets in jQuery selector?

To escape square brackets in jQuery selectors is quite easy. Let’s see with an example of escaping the brackets in the name of the <select> box.


Whatever you will select, will get added to the textarea on button click.

Live Demo

<!DOCTYPE html>
<script src=""></script>
$(document).ready(function() {

    $("#addnow").click(function () {
       $("#myselect :selected").each(function () {
          $("#text").val($("#text").val() + $(this).text() + "
");        });     }); }); </script> </head> <body> <select name="selectemail[]" multiple="true" id="myselect">     <option value="email"></option>     <option value="name">David</option> </select> <textarea id="text"></textarea> <button id="addnow">Select and Click to Add</button> </body> </html>