Событие jQuery hover () для элемента div внутри элемента button

Question

Я не могу заставить jQuery заметить div в следующей разметке

<button class="button submit positive right" id="omnisubmit" type="submit">
    <div class="label">Submit</div> 
    <div class="controller">&nbsp;</div>
</button>

А вот jQuery, который я сейчас использую:

$("button#omnisubmit div.controller").hover(function () {
            console.log("Hover...");
        });

Однако jQuery, похоже, не реагирует на зависание мыши над этим дивом, $("button#omnisubmit div.controller").hover(..., конечно, работает правильно.

У меня такое ощущение, что помещение элементов div внутри кнопок может быть не стандартным HTML?

Answer 1

Похоже, что вы действительно должны сделать, это два элемента кнопки, стилизованные под один.

Пример: Пример кнопки разделения элемента jQuery UI Button.