Cannot get javascript innerHtml to work on WebView
<p>I am using a WebView with a javaScript interface.  All I want to do is change the inner html of a span if some checkboxes are ticked.</p>

<p>Below is a snippet of a String I have in strings.xml.  The form will call this function onSubmit and should not continue if it does not pass.  The problem is that I can't get the innerHtml working (is returns true everytime).</p>

<p>This works</p>

<pre><code>&lt;script type=\"text/javascript\" language=\"javascript\"&gt;
    function pass() {
        return javaInterface.checkboxPass();
        /*
        if(passed) {
            //change the instructions
            document.getElementById(\"txtInstructions\").innerHTML = \'Loading Website...\';
        }

        return passed;
        */
    }
&lt;/script&gt;
</code></pre>

<p>This returns true everytime</p>

<pre><code>&lt;script type=\"text/javascript\" language=\"javascript\"&gt;
    function pass() {
        var passed= javaInterface.checkboxPass();

        if(passed) {
            //change the instructions
            document.getElementById(\"txtInstructions\").innerHTML = \'Loading Website...\';
        }

        return passed;

    }
&lt;/script&gt;
</code></pre>

<p>This is the span in the body of the document</p>

<pre><code>&lt;span id=\"txtInstructions\"&gt;%1$s&lt;/span&gt;
</code></pre>

<p>What am I doing wrong?</p>
