Условные комментарии не работают при загрузке разных версий jquery (одна для IE8)

Question

У меня есть простая веб-страница, и я должен использовать jquery для загрузки мобильной навигации и фона позади нее. Я должен заставить его работать в браузерах не IE и IE8.

Мой код работает для браузеров, отличных от IE, условный комментарий, который я имею, не создает никакой ошибки, когда я смотрю в консоли IE8, но главная проблема в том, что он даже не регистрирует файл app1.js (в консоли есть только файл html как часть этой веб-страницы).

Кто-нибудь знает, как заставить его работать и подключаться? Спасибо.

 <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
        <script src="app2.js"></script>

           <!--[if lt IE 9]>
      <script  src="https://code.jquery.com/jquery-1.9.0.min.js</script>
      <script  src="app1.js"</script>
    <![endif]-->






    </body>

//my js code for IE (file app1.js)

$(".menu-btn").click(function(){
    $(".mobile-nav-header").addClass("open");
    $(".backdrop").css("display", "block");
    setTimeout(function(){
      $(".backdrop").addClass("open");
    }, 10);
  });

  $(".backdrop").click(function(){
    $(".mobile-nav-header").removeClass("open");
    $(".backdrop").css("display", "none");
    $(".backdrop").removeClass("open");
  })