From 5ba20212c40bec2576190633cf05649a285feb39 Mon Sep 17 00:00:00 2001
From: caharkness <caharkness@gmail.com>
Date: Thu, 27 Feb 2025 13:03:37 -0700
Subject: [PATCH] Update index.html

---
 index.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 53 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 021e4d7..f0ef0ad 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,9 @@
         </div>
 
         <div class="document">
-            <h1>Testing</h1>
+            <h1>SearchableInput</h1>
+
+            <p>Below is a table of inputs that all access the same source of items rendered in a hidden div. The items in the hidden div were generated using JavaScript and jQuery.</p>
 
             <table class="w-100">
                 <tbody>
@@ -88,6 +90,54 @@
                             </div>
                         </td>
                     </tr>
+                </tbody>
+            </table>
+
+            <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
+        
+            <p>Below is a table of inputs that all access the same source of items returned as application/json by a GET request. When the GET request is made, the input's value is sent as named URL parameter "q".</p>
+
+            <table class="w-100">
+                <tbody>
+                    <tr>
+                        <td>Selection 1</td>
+                        <td>
+                            <div class="searchable-input" strict-search="1">
+                                <input type="text" />
+                                <div class="items" data-source-api="data.json"></div>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Selection 2</td>
+                        <td>
+                            <div class="searchable-input" strict-search="1">
+                                <input type="text" />
+                                <div class="items" data-source-api="data.json"></div>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Selection 3</td>
+                        <td>
+                            <div class="searchable-input" strict-search="1">
+                                <input type="text" />
+                                <div class="items" data-source-api="data.json"></div>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Selection 4</td>
+                        <td>
+                            <div class="searchable-input" strict-search="1">
+                                <input type="text" />
+                                <div class="items" data-source-api="data.json"></div>
+                            </div>
+                        </td>
+                    </tr>
 
                     <tr>
                         <td>Selection 5</td>
@@ -100,8 +150,8 @@
                     </tr>
                 </tbody>
             </table>
-
-            <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
+        
+        
         </div>
 
         <script>