jquery не нажав кнопку при загрузке страницы

Question

У меня есть простая страница aspx. После загрузки страницы я хочу нажать кнопку.

Вот кнопка, которую я хочу нажать:

<asp:Button class="js-modal js-prevent-bg-click inline" id="invisibleSelectProducer" href="#" runat="server" Text="Select Producer"></asp:Button> 

Вот JQuery что я добавил, что (я бы мог подумать) необходимо нажать на кнопку, как только страница завершения загрузки:

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     console.log($("#invisibleSelectProducer")); 
     $("#invisibleSelectProducer").click(); 
    }); 
</script> 

Я пропустил что-то совершенно очевидное? Даже журнал, который я добавил (выше), регистрирует объект кнопки, который я хочу щелкнуть. Но следующий код ничего не делает.

EDIT После попытки предложения Mike123 у меня есть следующий код. Однако он все еще не работает. Еще раз, консоль позволит мне увидеть объект кнопки (так что я знаю, что это визуализируется), но .click() не срабатывает после загрузки страницы.

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     console.log($("#<%=invisibleSelectProducer.ClientID%>")); 
     $("#<%=invisibleSelectProducer.ClientID%>").click(); 
    }); 
</script> 

Answer 1

Сервер управления сторона идентификатор invisibleSelectProducer будет отличаться от клиента, вы должны либо ссылки в качестве либо по идентификатору клиента или имя класса

$("#<%=invisibleSelectProducer.ClientID%>").click(); 

или

$(".js-modal").click(); 

. js-modal - это класс, который у вас есть в вашей разметке, но вы можете использовать пользовательский код