Динамическое добавление элементов в listview (jQuerymobile)

Как можно вытащить из объекта данные и динамически добавлять их в listview

function (){
    var person = {
      title: "ddd",
      mes: "sss",
      op: "ddd",
      tel: 2
    };  
}

т.е. буду приходить данные(с сервера в виде json) помещаться в person и выводиться в listview.

    <div data-role="page" id="page1">
            <div data-role="header">
    <h1>Заголовок</h1>
            </div>
            <ul data-inset="true" id="ideaposits" data-role="listview" data-split-icon="gear">
            <script type="text/html" id="list">
                <li>
                    <a class="ui-btn ui-icon-carat-r " href="#page2">
                        <h2 class="title"></h2>
                        <p class="mes"></p>
                    </a>
                </li>
      </script> 
    </ul>
 </div>