[Gertasreg]

Суть проблемы
есть код

<div id="scri">
    <script charset='utf-8' src='/jquery-2.1.1.min.js' type='text/javascript'></script>
</div>

<script>
    $(document).ready(function() {
        $("#block").html('<div class="add">Добавить</div><div id="ty">Алерт</div>');
        $(".add").click(function(){
            var ds = "<script charset='utf-8' src='/jquery-2.1.1.min.js' type='text/javascript'><\/script>" +
                     "<script charset='utf-8' src='/my.js' type='text/javascript'><\/script>";
            $("#scri").html(ds);
        });
    });
</script>

<div id="block">
    
</div>

и код файла my.js

$(document).ready(function() {
    $("#ty").click(function(){
        alert(333);
    });
});

Когда кликаю на класс "add" $(".add"), в блоке $("#scri") заменяется html содержимое "подключаю 2 скрипта" после я кликаю на блок с id="ty" $("#ty") вылетает алерт все как бы идет как надо но стоит мне повторно кликнуть на $(".add") после чего опять на $("#ty") уже 2 алетра вылетает еще раз повторить предыдущие действия уже 3 алерта
Оно же вроде как заменяет html, но суда по том что алертов с каждым кликом больше, оно помнит и старых html который был в блоке
объясните пожалуйста из за чего оно так работает?