<div>
alert($('input.searchbox')<wbr />.val());<br />
<br />
or :<br />
<br />
alert($('.searchbox').val(<wbr />));<br />

</div>


alert($('input.searchbox').val());

or :

alert($('.searchbox').val());


<div>
<div class="content wysiwyg-content">
The alert box appears, but is empty. &nbsp;I want it to show the contents of the input tag with name=&quot;search&quot;.<br />
<br />
<br />
<br />
&nbsp;$('input[value=&quot;go&quot;]').cli<wbr />ck(functio<wbr />n ()<br />
&nbsp; &nbsp; &nbsp; &nbsp; {<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //$('input[class=&quot;searchbo<wbr />x&quot;]').css(<wbr />&quot;border&quot;, &quot;3px solid yellow&quot;);<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert($('input[class=&quot;sear<wbr />chbox&quot;]').<wbr />text());<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //document.location.href = &quot;/search.aspx?search=&quot; + $('input[class=&quot;searchbox&quot;<wbr />]').html;<br />
&nbsp; &nbsp; &nbsp; &nbsp; });<br />
<br />
here is the markup:<br />
<br />
&lt;div class=&quot;utenn_search&quot; id=&quot;utbk_searcAh&quot;&gt;<br />
&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;label for=&quot;search&quot;&gt;search: &lt;/label&gt;<br />
&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input type=&quot;text&quot; name=&quot;search&quot; class=&quot;searchbox&quot; value=&quot;Search&quot; onfocus=&quot;this.value=''&quot; title=&quot;search&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &lt;input name=&quot;go&quot; class=&quot;submit&quot; type=&quot;button&quot; value=&quot;go&quot;&gt;<br />
&lt;/div&gt;
</div>
</div>


The alert box appears, but is empty.  I want it to show the contents of the input tag with name="search".



 $('input[value="go"]').click(function ()
        {
            //$('input[class="searchbox"]').css("border", "3px solid yellow");
            alert($('input[class="searchbox"]').text());
            //document.location.href = "/search.aspx?search=" + $('input[class="searchbox"]').html;
        });

here is the markup:

<div class="utenn_search" id="utbk_searcAh">
    	<label for="search">search: </label>
    	<input type="text" name="search" class="searchbox" value="Search" onfocus="this.value=''" title="search">
      <input name="go" class="submit" type="button" value="go">
</div>

Cannot get inner text of input tag

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.