Dynamic search box radio button filter values using jQuery
<p>I have a search box with radio button filters very like the yahoo search and filter elements where the user can refine there search by choosing on of the filters before searching.</p>

<p>When a user clicks on a filter I want a message to appear in the search box, such as "Search All", "Search broadband" etc.</p>

<p>I have it working mostly. If you click on each filter the message appears correctly. The problem I have is the (default) "Search All" message doesn't appear on page load. </p>

<p>below is the jQuery I have so far</p>

<pre><code>$('.searchFilters label').click(function(){                                      
        var input = $('#searchId');                                      
        input.val('Search '+$(this).text()).addClass('empty');
    }); 
    $('#searchForm').submit(function(){
        var input = $('#searchId');
        if(input.hasClass('empty')){
            $('.searchFilters label').val('Enter search term');
            input.blur();
            $('#autocomplete').css({'display':'none'});         
            return false;
        } else{
            return true;
        }
    });
    $('#searchId').click(function(){
        $(this).val('').removeClass('empty');   
        $('#autocomplete').css({'display':'block'});
    });
</code></pre>

<p>Thanks in advance for any help</p>
