Jquery to hide / show data on based on navigation

I have some content 
I have  some content stored in hidden field like :" 1Hello-2Hai-3Bye-4GoodBye"
First time when page is displayed , it should display : "Hello"
We have two buttons , forward N Backward buttons.
When I Click on forward button , It should show : "Hai"
When I Click on backward button , it should display: "Hello" 
in my label
<script type="text/javascript">
$(document).ready(function () {
var test = $("#hdnFiled").val();   // This is my content : "1Hello-2Hai-3Bye-4GoodBye"
$('#<%= lblMessage.ClientID %>').html(test);
});
</script>

...