fix(template): use css class to mark multiple elements for ic-include

discuss_data/templates/nav-top.html

@@ -9,9 +9,9 @@
 
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <div class="input-group w-25 mx-auto">
-            <input id="search-top" class="form-control" type="text" {% if query %}value={{ query }}{% else %}placeholder="Search"{% endif %} name="q"  aria-label="Search">
+            <input class="form-control search-top" type="text" {% if query %}value="{{ query }}" {% else %}placeholder="Search"{% endif %} name="q"  aria-label="Search">
             <div class="input-group-append">
-                <button class="input-group-text" type="button" {% if query %}ic-action="click" ic-action-target="#searchsubmit"{% else %}ic-get-from="{% url 'ddusers:search' %}" ic-include="#search-top" ic-push-url="true" ic-push-params="q" ic-target="#content"{% endif %}><i class="fas fa-search"></i></button>
+                <button class="input-group-text" type="button" ic-action="click" ic-action-target="#searchsubmit" ic-include=".search-top" ic-push-url="true" ic-push-params="q" ic-get-from="{% url 'ddusers:search' %}" ic-target="#content"><i class="fas fa-search"></i></button>
             </div>
         </div>
 
@@ -27,4 +27,4 @@
             {% endif %}
         </ul>
     </div>
-</nav>
+</nav>
\ No newline at end of file