Этот код JQuery работает только для первого элемента, и я застрял

Question

Итак ... у меня есть код jquery, который позволяет мне отправлять ссылку по ссылке прямо за пределами формы. Мой код

$(function(){
    $("#link-id").click(function(){
       $('#content').val($(this).html()); 
         $('#main_input').submit();
       return false;
    });
  });

, и это ссылка, по которой нажимают (динамическая ссылка), и когда я щелкнул по этой ссылке, они прошлидля ввода в поле и перехода к содержимому

<a href="#" id="link-id">https://www.youtube.com/watch?v=' + videoId + '</a></div>

Моя форма

<form id="main_input" name="chat_data" action="" method="post">
    <input type="text" name="content"  maxlength="300" id="content" placeholder="Write Your Message.." autocomplete="off">
</form>

И моя проблема, показывающая здесь, на самом деле 2 проблемы

1. этот код работает толькодля первого показа видео в результате
2. этот код работает только в консоли chrome, а не в файле main.js
3. Это видео объясняет, что именно я сказал .. извините за мой английский
4. https://streamable.com/u8k6u