Weird submit button behaviour HTML
===

I made a mobile web app which contains a basic form with a submit button. When I load the page on my device the submit button acts very strange. If I click the submit button the information is not submitted but I am redirected back home. However if I move the screen down so half the submit button is off screen and press the button it will work, the information is submitted and I am redirected to home. When I load the page in any browser on my computer it works fine. It seems to only be a problem with mobile devices, even though all my other buttons work fine. Any ideas what would be causing this because to me this is very strange. Thanks.

Form Code:

            <form method="get" name="myForm">
                <ul class="roundbox">
                    <li><input type="text" placeholder="To:" class="addr" name="addr" id="addr" autocapitalize="off" autocorrect="off" autocomplete="off" /></li>
                    <li><textarea rows="10" cols="30" style="overflow::hidden" placeholder="Message" name="body" id="body" size="220" autocapitalize="off" autocorrect="off" autocomplete="off"> </textarea></li>
                    <li><input type="submit" class="submit" value="Send" onClick="window.location.href='#home';">
					<input type="button" class="reset" value="Clear" onClick="this.form.reset()"/>
					<input type="hidden" value="O" type="text" name="dir" id="dir" /></li>
                </ul>
            </form>