Консольный код для Userscript?

У меня возникли проблемы с созданием пользовательского скрипта для страницы покупок. Я хочу автоматизировать щелчок, чтобы, когда я нахожусь на странице с сеткой элементов, скрипт выбирал продукт, соответствующий вводу пользователя. Это приведет к переходу на конкретную веб-страницу, где вы можете выбрать количество и цвет и оформить заказ. У меня есть рабочая консольная функция, которая выглядит так:

function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}
product_click("Desirable here")

...где "Желательно здесь" - название товара. Когда я пытаюсь создать файл .js и загрузить его как распакованное расширение для Chrome, на веб-странице ничего не происходит. Стоит ли мне этого ожидать? Кроме того, я пробовал использовать расширение Scriptish в Firefox, и тоже ничего не происходит. Это наводит меня на мысль, что что-то не так/несовместимо с кодом и пользовательскими скриптами. Любой вклад будет принят с благодарностью, так как я в прямом недоумении. Спасибо!

// ==UserScript==
// @id             paneler store.nike.com-f9768fbb-7d51-6244-8db2-a7f9e8827a6f@scriptish
// @name           paneler - nike test
// @version        1.0
// @namespace      
// @author        
// @description    
// @include        http://store.nike.com/*
// @include        http://store.nike.com/
// @include        http://store.nike.com
// @include        https://store.nike.com/*
// @include        https://store.nike.com/
// @include        https://store.nike.com
// @include        store.nike.com/*
// @include        store.nike.com/
// @include        store.nike.com
// @include about:blank
// ==/UserScript==


function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}

product_click("Force");