элемент контейнера jquery.on, прикрепленный к нескольким селекторам

Я использую .on()для прикрепления событий щелчка к нескольким элементам, которые динамически появляются на странице. Моя проблема заключается в том, что когда я добавляю .onв контейнер на странице и хочу прикрепить события щелчка к нескольким элементам в контейнере, последний перезаписывает предыдущий.

<div id="container">
   <!-- elements here appear dynamically -->
   <div id="id1"></div>
   <div id="id1"></div>
</div>

 <script>
   $('#container').on("click", "#id1", function(){});
   $('#container').on("click", "#id2", function(){});
 </script>

В приведенном выше примере работает только событие click для id2.

Есть ли способ обойти это?

Спасибо, Ев.