获取插件以触发live / on事件

Question

我有一个通过ajax提取一些新内容的链接，并且在内容的每个内容中都有一个触发jQuery插件颜色框的链接。当我点击原始页面加载时触发器时，颜色框触发正常，但是一旦我加载了一些新内容，颜色框将不再触发，这里是我的jquery，

$(".magnify").on("click", function(e) {
        $(this).colorbox({ 
            inline:true, 
            opacity: 0.9,
            innerWidth: 800,
            innerHeight:700
        });
        e.preventDefault(); 
    });

这是我的HTML

   <a href="#inline_content" class="magnify inline"><img src="http://<?php echo $_SERVER['HTTP_HOST'];?>/_/images/magnify.png" alt="Magnify" />
                                    <span class="play">Watch the Logic+ being manufactured at our plant in Hull</span>
                                    </a>

<div style="display:none">
                                    <div id="inline_content">
                                        <span class="zoomImage" id="ex1">
                                            <img src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/_/images/combi-inside-large.jpg" width="329" height="606"/>
                                        </span>                 
                                    </div>
                                </div>

如何使用我的ajax请求使colorbox工作？