Css form not working correctly

This is for a non-profit site. Any help would be appreciated!

I created a test page here: http://ift.tt/19xi2SX where you will be able to see the 2 search forms and test them.

This one does not execute the action correctly. It just go to the search page not executing the search itself

    <div class="flexsearch">
    <div class="flexsearch--wrapper">
        <form class="flexsearch--form" action="/full-text-search/index.php" method="get">
            <div class="flexsearch--input-wrapper">
                <input class="flexsearch--input" type="search" placeholder="search">
            </div>
            <input class="flexsearch--submit" type="submit" value="&#10140;"/>
        </form>
    </div>

On the other hand this old one, works perfectly (ugly but working):

<form class="zoom_searchform" action="http://ift.tt/1GcmZNA        library/full-text-search/index.php" method="get"><input name="zoom_sort" type="hidden" value="0" />
Search for: <input id="zoom_searchbox" class="zoom_searchbox"  name="zoom_query" size="20" type="text" value="" />
<input class="zoom_button" type="submit" value="Submit" />
<span class="zoom_results_per_page"><span   class="zoom_results_per_page">Results per page:
<select name="zoom_per_page">
<option selected="selected">10</option>
<option>20</option>
<option>50</option>
<option>100</option>
</select></span></span> </form>

I am sure it is a detail in the coding but, as I am really a novice, I can't figure out what is missing.

Thanks for any help you can provide!

Roger Pilon, Editor The Planet Fixer Digest