<!DOCTYPE html> <html> <head> <title>JQuery Set</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <script type = "text/javascript"> $(document).ready(function() { $(".b1").click(function(){ $('#tb').val("Hello there!"); }); }); </script> <style> .b1, .b2{ border: 1px solid #ccc; margin: 2px; display: inline-block; } </style> </head> <body> <input type="text" name="tb" id="tb"> <div class="b1">Click to set text.</div> </body> </html>
Output
