Update docs, fix menu having 'down' class

Author: jlukic

server/documents/collections/menu.html.eco

@@ -717,16 +717,6 @@ themes      : ['Default', 'Chubby', 'GitHub', 'Material']
   </div>
 
 
-  <div class="example">
-    <h4 class="ui header">Down</h4>
-    <p>A menu item can be pressed in</p>
-    <div class="ui compact menu">
-      <div class="down item">
-        Link
-      </div>
-    </div>
-  </div>
-
   <div class="example">
     <h4 class="ui header">Active</h4>
     <p>A menu item can be active</p>

server/documents/hotfix.html.eco

@@ -7,56 +7,45 @@ title      : 'Test Page'
 type       : 'Library'
 ---
 <div class="ui container">
-<div class="ui basic segment">
-    1. After "First" tab is clicked, click the "ClickMe" button. Alert will appear<br />
-    2. <b>BUG:</b> When "First" tab is clicked on again, button stops working. Changing <i>cacheType</i> doesnt change anything!<br />
-    3. <b>The goal is to run JS once and then leave it be</b>. So scripts must be evaluated once and tab should not reload, if focused on again.
-</div>
-
-<div class="ui top attached tabular menu">
-  <a class="active item" data-tab="first">First</a>
-  <a class="item" data-tab="second">Second</a>
-</div>
-<div class="ui bottom attached active tab segment" data-tab="first">
-
-</div>
-<div class="ui bottom attached tab segment" data-tab="second">
-
+<div id="first" class="ui search">
+  <div class="ui left icon input">
+    <input class="prompt" type="text" placeholder="Search countries">
+    <i class="icon"></i>
+  </div>
 </div>
 </div>
 <script>
 $(document).ready(function() {
-  var firstTabContent = "<div id='testfirst'>One&nbsp;<button>ClickMe</button></div> \n" +
-                "<script type='text/javascript'>\n" +
-                "   $(function() { $('button').click(function() { alert(1) }); $('#testfirst').append('<div>dynamically appended div <b>(will disappear if tab is clicked again!)</b> ' + (new Date()).getTime() + '</div>') });\n" +
-                "</scr" + "ipt>";
-
-$('.menu .item')
-.tab({
-    cache: true,
-    cacheType: 'DOM',
-    evaluateScripts: true,
-    onFirstLoad: function(tabPath, parameterArray, historyEvent) {
-        console.log('Initialized tab: ' + tabPath);
-    },
-    onLoad: function(tabPath, parameterArray, historyEvent) { //tab selected
-        console.log('Selected tab: ' + tabPath);
-    },
-    apiSettings: {
-        loadingDuration : 300,
-        mockResponse    : function(settings) {
-            var response = {
-                first  :  firstTabContent,
+                var content = [
+                               { title: 'Andorra' },
+                               { title: 'United Arab Emirates' },
+                               { title: 'Afghanistan' },
+                               { title: 'Antigua' },
+                               { title: 'Anguilla' },
+                               { title: 'Albania' },
+                               { title: 'Armenia' },
+                               { title: 'Netherlands Antilles' },
+                               { title: 'Angola' },
+                               { title: 'Argentina' },
+                               { title: 'American Samoa' },
+                               { title: 'Austria' },
+                               { title: 'Australia' },
+                               { title: 'Aruba' },
+                               { title: 'Aland Islands' },
+                               { title: 'Azerbaijan' },
+                               { title: 'Bosnia' },
+                               { title: 'Barbados' },
+                               { title: 'Bangladesh' },
+                               { title: 'Belgium' },
+                               { title: 'Burkina Faso' },
+                               { title: 'Bulgaria' },
+                               { title: 'Bahrain' },
+                               { title: 'Burundi' }
+                               // etc
+                               ];
+                               $('#first').search({source: content ,showNoResults: false});
 
-              second : 'Two',
 
-              third  : 'Three'
-            };
-
-            return response[settings.urlData.tab];
-        }
-    }
-});
 });
 
 </script>

server/documents/modules/search.html.eco

@@ -376,7 +376,7 @@ type        : 'UI Module'
       </thead>
       <tbody>
         <tr>
-          <td>query</td>
+          <td>query (callback)</td>
           <td>Search for value currently set in search input</td>
         </tr>
         <tr>
@@ -396,7 +396,7 @@ type        : 'UI Module'
           <td>Whether has minimum characters</td>
         </tr>
         <tr>
-          <td>search remote(query)</td>
+          <td>search remote(query, callback)</td>
           <td>Search remote endpoint for specified query and display results</td>
         </tr>
         <tr>
@@ -448,11 +448,11 @@ type        : 'UI Module'
           <td>Adds HTML to results and displays</td>
         </tr>
         <tr>
-          <td>show results</td>
+          <td>show results(callback)</td>
           <td>Shows results container</td>
         </tr>
         <tr>
-          <td>hide results</td>
+          <td>hide results(callback)</td>
           <td>Hides results container</td>
         </tr>
         <tr>