JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ab">
<ul id="list">
<li>Sahar Raj</li>
<li>Address.</li>
<li>City</li>
<li>State</li>
<li>Pin</li>
<li>9876543210</li>
</ul>                       
</div>

<input class="required" type="text" name="name" />
<input class="required" type="text" name="address" />
<input class="required" type="text" name="city" />
<input class="required" type="text" name="state" />
<input class="required" type="text" name="pin" />
<input class="required" type="text" name="phone" />

<button id="clickme">Click me</button>

JavaScript

var inputs = $("input");
var counter = 0;
$("#clickme").click(function() {
    $("#list li").each(function() {
       var text = $(this).text();  
        $("input:eq(" + counter + ")").val(text);
       counter++;
    });
});