Javascript 如何将在fancybox中打开的表单的输入作为目标

我正在从onclick向fancybox模式打开一个隐藏表单

html：

<p class="btn btn-mini btn-success verify_form" id="<? echo $article_id; ?>" style="float:right; margin:4px;"> Verify</p>

<div style="display:none;" class="verify_the_form">
    <form id="article_check">
        <div>Enter Website Address of the Article you Wrote:
        <input type="hidden" id="id" value="" />
        <input type="text" id="article_url" style="width: 35%; margin-left: 10px;" value="" />
        <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1" />
    </form>
</div>   

然后，我尝试使用jquery/ajax处理表单：

    $('#article_check').submit(function(event) {
        event.preventDefault();
        var theid = $('#id').val();
        var theurl = $('#article_url').val();
        alert(theurl);
        alert(theid);
        $.ajax({
            'url': '/includes/article_check.php',
            'type': 'get',
            'data': {
                'article_url': theurl,
                'id': theid
            },
            'success': function (data) {
                $('#article_check').append(data);
                return;
            }, 
            'error': function (request, status, error) {
                return;
            }
        });
    });
});

问题似乎在于，fancybox的工作方式实际上是重新绘制页面上的表单。。。。对于具有匹配id的两个表单，由于没有任何元素应该多次具有id，jquery会混淆要使用哪个表单，并且默认为隐藏表单中的值

更简单地说，变量theurl总是返回为空

我正在寻找一种从用户提交的表单中获取$（'#article_url'）.val（）的方法

问题的一个示例url

---

我喜欢自己找到答案，但讨厌自己可能会浪费别人的时间

我的解决方案相当基本，我必须使用（this）.find（）专门调用提交表单中的值

var theid = $(this).find('#id').val();
var theurl = $(this).find('#article_url').val();

var theid = $(this).find('#id').val();
var theurl = $(this).find('#article_url').val();