Hello, i need jquery function for symbol counter in text box when click on button : i need jquery function for symbol counter in text box   when click on button. I dont know how work this.

<!-- begin snippet: js hide: false -->

<!-- language: lang-html -->

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title></title>
     
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
      <input type="text"id="id1"></input></div><br/><br/>
    	<button onclick="#"id="id2"> Count Symbols</button>
    	<p id="id1"></p>
    <script>
    $( document.#id1 )
      .click(function() {
        $( document.#id1 ).append( $( "#id2" ) );
        var n = $( "#id2" ).length;
        $( ).text( "There are " + n + " symbols.");
      })
     
    </script>
     
    </body>
    </html>

<!-- end snippet -->
