On div refresh text inside the input box shouldn't clear
<p>I have a div and it refreshes every 3 seconds. Inside that div there is an input box and whatever I type gets cleared out in 3 seconds. Is there a way for the text to remain inside the input box and not to get cleared out?</p>

<p><strong>index.js</strong></p>

<pre><code>&lt;div id="show_here"&gt;&lt;/div&gt;
&lt;script type ="text/javascript"&gt;
    $(document).ready(function() {
        setInterval(function() {
            $('#show_here').load('fetch.php')
        }, 3000);
    });
&lt;/script&gt;
</code></pre>

<p><strong>fetch.php</strong></p>

<pre><code>&lt;div&gt;
     // some code here 
    &lt;input type="text" id="input" /&gt;
&lt;/div&gt;
</code></pre>

<p>Input box needs to be inside that page since it is inside a while loop. Can this be done or i need to change my whole code to make this work?</p>