Javascript - change variable
===

I'm trying to build a page which will have a scrolling list of Twitter search results (using twitter.search for jQuery). The user should be able to change the search term by clicking a button (so, clicking "Apple" will change the search term to "Apple".

I'm using a variable to set the search term. Setting that variable to a text string (i.e. searchText = "Pineapple";) works. But when I try to change the variable using the buttons, nothing happens. 

Any thoughts? Completely stuck. Thanks.

    <script type="text/javascript">
	//this sets up our search array and searchtext var
		var searchArray = ["Apple","Banana","Orange","Cherry","Peach"];
		var searchText;
	//set default value for searchText
		searchText = "Pineapple";
		
	//set for loop
	//	for (i=0; i<searchArray.length; i++);
		
	//this sets up our Twitter stream
		$(document).ready(function() {
		
			$('#twitter-stream').twitterSearch({ 
			term: searchText, 
			// no fade 
			animOut: { opacity: 1 }, 
			avatar:  false, 
			anchors: false, 
			bird:    false, 
			colorExterior: 'white', 
			colorInterior: 'white', 
			pause:   true, 
			time:    false, 
			timeout: 2000 
			});
		});
	</script>
  
</head>
<body>	
    
    <div id="twitter-stream" title="Mouse away to un-pause">
    </div>

	<script type="text/javascript">
	
	function setSearch0()
	{
		searchText=searchArray[0];
	}
	
	function setSearch1()
	{
	        searchText=searchArray[1];
	}
	
	function setSearch2()
	{
		searchText=searchArray[2];
	}
	
	function setSearch3()
	{
		searchText=searchArray[3];
	}
	
	function setSearch4()
	{
		searchText=searchArray[4];
	}
	
	</script>

	<button onClick="setSearch0()">
    Apple
    </button>

	<button onClick="setSearch1()">
    Banana
    </button>
    
    <button onClick="setSearch2()">
    Orange
    </button>
    
    <button onClick="setSearch3()">
    Cherry
    </button>
    
    <button onClick="setSearch4()">
   	Peach
    </button>