$(document).one('pagecreate', function(){
/*  $.ajax({
        url: 'faq.xml',
        type: 'GET',
        dataType: 'xml',
        success: function(xml) {
            $(xml).find('post').each(function(){
                var collapsibleHeader = $("<h3></h3>").text($(this).find('title').text());
                var collapsibleBody = $("<p></p>").text($(this).find('answer').text());
                var div = $('<div data-role="collapsible"></div>').append(collapsibleHeader).append(collapsibleBody)
                $("#faq").append($(div).collapsible()); //this is used to append and initialize the collapsible widget, similar to listview refresh method
            });
        }*/


    $.getJSON('faq.JSON',  function(data)
    {
                    console.log(data

                        );
            console.log("QUERY IS BEING EXECUTED");
                alert(data.posts.post.title);
            var collapsibleHeader = $(data);
            var collapsibleBody = $("<p></p>").text($(this).find('answer').text());
            var div = $('<div data-role="collapsible"></div>').append(collapsibleHeader).append(collapsibleBody)
                $("#faq").append($(div).collapsible()); //this is used to append and initialize the collapsible widget, similar to listview refresh method

    }
    )});