Jquery Mobile ready functio json call does not load data on page navigation.

Jquery Mobile ready functio json call does not load data on page navigation.

Hi,

I have set of three pages, between which i navigate using <nav>

<div data-role="navbar" style="width:70%;margin:auto;margin-top:10%;">
        <ul>
            <li><a href="tag.html" data-transition="slide" data-direction="reverse"  data-icon="edit" ></a></li>
            <li><a href="buzz.html" class="ui-btn-active ui-state-persist" data-icon="bullets" data-iconpos="notext"></a></li>
            <li><a href="trend.html" data-transition="slide" data-icon="star"  data-iconpos="notext" ></a></li>
 

        </ul>
    </div>

in the buzz.html page on ready i am loading few values from php using json, but when i navigate to trend.html from tag.html and again come back to buzz.html the data is not loaded.

But if i move from tag.html to buzz.html in the first step only data is loaded perfectly.

Interestingly when i add a alert in getjson function the data gets loaded in all the case.

How do i fix the issue. I have attached a screen shot of my getjson function.