How do I change the value when I click on the right arrow?
<p>When i click on the right arrow the next element of the array should be displayed in the input area?  </p>

<pre><code>$(function(){
    var room = ['1-visiting office', '2-', '3-'];       
    $('#text_holder').val(room[0]);

    $("#rightarrow").click(function(){      
        $('#text_holder').val(room[next]);      
    });
});
</code></pre>

<p>This is my html code</p>

<pre><code>&lt;input id="text_holder" name="text_holder"/&gt;
&lt;img src="dev/images/rightarrow.jpg" id="rightarrow" /&gt;
</code></pre>
