Flip counter using jquery in android
<p>I am using jquery to display flipcounter in my android app.But it is not showing the desired output and showing only white balnk screen. </p>

<p>Here I am placing java script files in assets folder. </p>

<p>below code I am using can anyone helps me.thanks in advance.</p>

<p>Code:</p>

<pre><code>String str ="&lt;scriptsrc=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js\" type=\"text/javascript\"&gt;&lt;/script&gt;"
    + "&lt;script src=\"file:///android_asset/js/jquery.easing.1.3.js\" type=\"text/javascript\"&gt;&lt;/script&gt;"
    + "&lt;script src=\"file:///android_asset/js/jquery.flipCounter.1.2.js\" type=\"text/javascript\"&gt;&lt;/script&gt;"
        + "&lt;script type=\"text/javascript\"&gt;"
    + "$(document).ready(function(){"
    + "var loopvalues = $('#txtval').val();"
    + "$('#counter').flipCounter('startAnimation', {end_number : loopvalues,duration : 500});"
    + "});"
    + "&lt;/script&gt;"
        + "&lt;div id=\"counter\" style=\"margin-top: 40px; text-align: center\";class=\"65_35_55_black_5\"&gt;"
    + "&lt;input type=\"hidden\" name=\"counter-value\" value=\"1005\" /&gt;"
    + "&lt;input id=\"txtval\" type=\"hidden\" name=\"counter-value\" value=\"581\" /&gt;"
        + "&lt;/div&gt;";
        WebView web = (WebView) findViewById(R.id.web);
        web.getSettings().setJavaScriptEnabled(true);
        web.loadDataWithBaseURL("", str, "text/html",
                Encoding.UTF_8.toString(), "");  
</code></pre>
