i want to change the element image with text in html/stylesheet

Question

am using this code to make hidden dropdown list but instead of that magnifier icon at topright corner, i want to replace it with text "search" or somethinf else, how can i do that? i am a newbie, please excuse me.

link of files https://drive.google.com/folderview?id=0B7cm2DCx8TxvflJKUy1KNU5fbmo1eDJCVU1mQW1FdEtVOE9FbDEzZlM4LVNXSkhVOUlfSUk&usp=sharing

Answer 1

Now you'r loading an icon so change this:

<li><a href="#" id="searchtoggl"><i class="fa fa-search fa-lg"></i></a></li>

To this:

<li><a href="#" id="searchtoggl">Search</a></li>

https://jsfiddle.net/razitazi/3r18zngb/