I am trying to find a way out about five hours now, i have studied and tried a lot of different things but i couldn't find the right drupal way to do what i want... Please help with the following.
I have the search-block-form which displays a search input text field and a button. The markup for the button now is the following (produced by drupal core):
<button class="form-submit" id="edit-submit--2" name="op" value="Search" type="submit">Search</button>
I want to add extra markup inside the
<button></button>, like the following:
<button class="form-submit" id="edit-submit--2" name="op" value="" type="submit"><i class="fi-magnifying-glass"></i></button>
I know of course how to set the value=' ' and i have to say that i've already tried #prefix and #suffix parameters. I don't want to add markup prior to the button element or after that. I should put markup inside, between the element's tags. I tried also change the hook theme_button($variables) but my problem is that i want to change only the button for search-block-form and not all the button elements.
As some of you have already understand, i use foundation 5 framework and i want to make the search button like this: