قرار دادن اتریبیوت autofocus برای فرم های درون یک modal بوت استرپ

سلام دوستان 

در حالت پیش فرض اگر به یکی از اینپوت های یک فرم درون یک modal بوت استرپ ، اتریبیوت autofocus را بدهیم ، این اتریبیوت اجرا نمیشود برای حل این مشکل من از جی کوئری کمک گرفتم .امیدوارم مفید باشه 

  $('#main-sign-in-modal').on('shown.bs.modal', function () {
    $(this).find('input[autofocus]').focus();
  }); 

 <div class="modal fade " id="main-sign-in-modal" data-backdrop="static" data-keyboard="false"       tabindex="-1">
  <input autofocus type ="email" id="...">
  </div>

رویداد shown.bs.modal  زمانی رخ میدهد که modal برای کاربر به صورت کامل نمایش داده شود در این کد میگوییم وقتی این رویداد رخ داد در غالب یک تابع درون modal به دنبال اینپوتی باش که اتریبیوت autofocus دارد و بر روی این اینپوت از رویداد focus استفاده کن تا اینپوت به صورت فعال به کاربر نمایش داده شود