انا عملت هاي الصفحة

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
            $(function(){
                $('.show').click(function(){
                    $('<div><input type="text" /><button> <a class="remove">ازالة الحقل</button><br></div>').appendTo('#art');
                });

                //هنا المشكلة 
                $('.remove').click(function(){
                    ater('Oh no!');
                });

            });  
    </script>
</head>
<body>
<div id="art"></div>
<button class="show">أضف حقل</button>
</body>
</html>

المشكلة كما موضحة في الكود

عن اضافة محتوى Html ثم تطبيق دالة على العناصر الموجودة داخله و لكن لا تعمل