# Multiple search fields (different engines) on the same page without jQuery

**URL:** <https://community.swiftype.com/t/multiple-search-fields-different-engines-on-the-same-page-without-jquery/494>\
**Category:** Setup & Indexing\
**Created:** [November 15, 2017, 6:19pm UTC](https://community.swiftype.com/t/multiple-search-fields-different-engines-on-the-same-page-without-jquery/494 "2017-11-15T18:19:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![notify](https://avatars.discourse-cdn.com/v4/letter/n/eada6e/32.png) [@notify](https://community.swiftype.com/u/notify)\
**Post date:** [November 15, 2017, 6:19pm UTC](https://community.swiftype.com/t/multiple-search-fields-different-engines-on-the-same-page-without-jquery/494/1 "2017-11-15T18:19:17Z")

</div>

The typical installation from the admin panel is done by adding an engine via:

```auto
(function (w, d, t, u, n, s, e) {
                        w['SwiftypeObject'] = n;
                        w[n] = w[n] || function () {
                            (w[n].q = w[n].q || []).push(arguments);
                        };
                        s = d.createElement(t);
                        e = d.getElementsByTagName(t)[0];
                        s.async = 1;
                        s.src = u;
                        e.parentNode.insertBefore(s, e);
                    })(window, document, 'script', '//s.swiftypecdn.com/install/v2/st.js', '_st');

                    _st('install','api-key', '2.0.0');

```

And then in the admin panel you can set a class of the search field.

`.st-default-search-input` and for example you can create a `.st-custom-search-input`.

However, with two search fields you’d also need two api keys probably.

How can two engines be added on the same page for different search input fields?