[HTML] pobierz, plaintext 
            <div id='google-search-box' class='panel'>
                <script>
                    (function () {
                        var cx = '009526897288002848776:jzowzxwsv3a';
                        var gcse = document.createElement('script');
                        gcse.type = 'text/javascript';
                        gcse.async = true;
                        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                                '//cse.google.com/cse.js?cx=' + cx;
                        var s = document.getElementsByTagName('script')[0];
                        s.parentNode.insertBefore(gcse, s);
                    })();
                </script>
                <div class='panel-body'>
                    <form onsubmit='return executeQuery();' class='form-horizontal' id='cse-search-box-form-id'>
                        <input type='hidden' name='cx' value='009526897288002848776:jzowzxwsv3a' />
                        <input type='hidden' name='ie' value='UTF-8' />
                        <div class='input-group'>
                            <input type='text' id='cse-search-input-box-id' class='form-control' autocomplete='off' value="<?php echo $search ?>" placeholder='Wpisz czego szukasz' />
                            <div class='input-group-btn'>
                                <button name='btn_search' type='submit' class='btn btn-inverse'><i class='fa fa-search' aria-hidden='true'></i></button>
                            </div>
                        </div>
                    </form>
                    <!-- Element code snippet -->
                    <script type='text/javascript'>
                        // executeQuery() is only required if the control showing results is on the
                        // same page as your searchbox.
                        function executeQuery() {
                            var input = document.getElementById('cse-search-input-box-id');
                            var element = google.search.cse.element.getElement('results');
                            if (input.value == '') {
                                element.clearAllResults();
                            } else {
                                element.execute(input.value);
                            }
                            return false;
                        }
                    </script>
                    <gcse:searchresults-only gname='results'></gcse:searchresults-only>
                </div>
            </div>
[HTML] pobierz, plaintext 

W tej chwili mam taki searchbox na stronie i działa okej, ale chciałbym go lekko zmodyfikować poprzez usunięcie całkowicie inputa z polem do wyszukiwania a zastąpienie czymś takim:

[HTML] pobierz, plaintext 
<a href="#" class="btn btn-inverse btn-xs" data-search="Toto - Africa"><i class="fa fa-search" aria-hidden="true"></i></a><br />
<a href="#" class="btn btn-inverse btn-xs" data-search="Toto - Rosana"><i class="fa fa-search" aria-hidden="true"></i></a>
[HTML] pobierz, plaintext 

po kliknięciu w konkretny przycisk (link) miałoby pokazać od razu rezultat wyszukiwania tego co jest w elemencie data-search klikniętego przycisku.
Jak mniemam muszę zmienić w funkcji executeQuery() przypisanie wartości do input, i nie wiem jak to zrobić aby przypisać zawartość elementu data-search z klikniętego przycisku.
Czy dobrze myślę że wystarczy tylko przypisanie odpowiednich danych do var input w funkcji executeQuery() no i oczywiście onclick odpalający executeQuery() po kliknięciu w przycisk?