**jQuery** is a lightweight JavaScript library that has simplified client-side webpage development by adopting a “write less, do more” ideology.

Whenever we need to take input from the user, we use the `<input>` tag. When using jQuery, we can also store the input value.

 

# Library

You need to import this library for jQuery:
```html
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
```

# Code
In the code below, you will insert your name into the text-box and `$().click()` will be used to store it. This input will be saved and printed onto a web-page using the `.html()` function. 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<!input text-box field>
<p>Name: <input id='in' type="text" name="user"></p>
<div>You have inserted:</div>
<!div for getting the input value>
<div id='print'></div>
<br>
<button>Save and Print value</button>

</body>
</html>

$(document).ready(function(){
  // On-click button function
  $("button").click(function(){
    // Printing the input value in that specific div
    $("#print").html($('#in').val());
  });
});


codemirror

# Library

You need to import this library for jQuery:
```html
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
```

# Code
In the code below, you will insert your name into the text-box and `＄().click()` will be used to store it. This input will be saved and printed onto a web-page using the `.html()` function. 

How to get input value using jQuery

Use jQuery's $().click() to store and .html() to display user input from the <input> tag.