当我使用jquery mobile的自定义选择器时，为什么html（）返回undefined：jqmData（）？

Question

我有一个jquery移动页面，标记如下：

<div data-role="page" id="some_name">
        <div data-role="header">
            <h1 id="test">test</h1>
        </div>
further markup here
</div>

我想在Javascript函数中引用带有ID测试的h1元素。我使用recommended选择器:jqmData()来获取标头对象。

var $page = $("some_name"),
    $header = $page.find("div:jqmData(role='header')");

从那里我想用find（）来引用h1元素。

为什么这不起作用：

$header.find("h1").html();

返回undefined，

但更容易找到更传统的工作解决方案：

$("body").find("h1".html();
$("#some_name").find("h1").html();

返回＆＃34;测试＆＃34;如预期的那样。