How to change the value of following button using jquery or javascript?
<p>I have two buttons like this:</p>

<pre><code> &lt;button class="next_prev" onclick="" id="first_button" disabled&gt;{{ pages.first }}&lt;/button&gt;
&lt;button class="next_prev" onclick="" id="last_button" disabled&gt;{{ pages.last }}&lt;/button&gt;
</code></pre>

<p>They show the first and last button as the page number. i.e 1 or 5. The button has always value. I want to replace their value as: <code>|&lt;</code> for first and <code>&gt;|</code> for last. How can I do that?</p>
