Загрузка веб-страницы внутри HTML DIV

В настоящее время у меня есть следующий код:

<div id = "zomatolink">
        <script>
            var passStringI = "<%= imgLinks  %>";  
            var passStringW = "<%= WebLinks  %>"
            var passArrayI = [];
            var passArrayW = []
            passArrayI = passStringI.split(',');
            passArrayW = passStringW.split(',');
            let images = $("#zomatolink");
            let webpage = $("#webpage");

              for (i=0; i < passArrayI.length; i++){
                images.append(
                  $("<a>")
                    .attr("href", passArrayW[i])
                    .attr("target", "zomato")
                    .append("<img src  = " + passArrayI[i] + "</img>")
                    .click(function(){
                      webpage.attr("data", passArrayW[i])
                    })
                )  
              }

            </script>

      </div>

      <div id = "zomato">
          <object id  = "webpage" type = "text/html" width = "800px" height = "600px" style = "overflow:auto;border:5p">
          </object>
      </div>

Код отображает все изображения внутри моего div "zomatolink". Я хочу, чтобы при нажатии на изображение ссылка на веб-страницу (которая является переменной "passArrayW") передавалась моему объекту "webpage", где страница загружается внутри div "zomato". Кажется, я не могу заставить это работать. Я считаю, что это как-то связано с тем, как я настроил .click (function () ...