<div data-role="content">
    <h1>Ricerca ricetta</h1>
        <label for="titolo">Titolo:</label>
        <input type="text" name="titolo" id="titolo" placeholder="Titolo..." value="" data-clear-btn="true" ><br>
        <label for="categoria">Categoria:</label>
        <select name="categoria" id="categoria" data-native-menu="true" >
            <option value="0" selected="true">Selezionare Categoria...</option>
            <% for (var i = 0; i < data.length; i++) { %>
            <% var item = data[i]; %>
            <option value="<%=item.category_id%>"><%=item.name%></option>
            <% } %>
        </select><br>
        <label for="difficoltaFrm">Livello Difficoltà:</label>
        <form id="difficoltaFrm" data-role="none">
            <input name="difficolta" type="radio" data-role="none" value="1" title="Molto Semplice" class="star"/>
            <input name="difficolta" type="radio" data-role="none" value="2" title="Semplice" class="star"/>
            <input name="difficolta" type="radio" data-role="none" value="3" title="Normale" class="star"/>
            <input name="difficolta" type="radio" data-role="none" value="4" title="Difficile" class="star"/>
            <input name="difficolta" type="radio" data-role="none" value="5" title="Molto Difficile" class="star"/>
            <span id="hover-test" style="margin:0 0 0 20px;">Nessuna</span></form><br>
        <label for="nResult">Numero Risultati:</label>
        <select name="nResult" id="nResult" >
            <option value="10" selected="true">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
            <option value="25">25</option>
            <option value="30">30</option>
        </select>
        <br><br>
        <center><a href="" id="search" button="true" class="ui-btn ui-corner-all">Cerca</a></center>
</div>