mobile click not working

[Jeisson]

 

I have a php file in a iframe from where I take a form result to the parent with following jquery code. In the example there is both appendTo to a <p> and an input element. Anyway works fine on desktop browsers as far as I have tested, but not on my phone

.
<script>
$('#order').click(function() {
var free = $('#iframeid').contents().find('#free').text();

$("<span>"+free+" </span>").appendTo("#g");
$('.g').val($('.g').val() + vapaa);
});
</script>

<button id="order">'order domain</button>
<p>
<div id="wrap">
<p id="g"></p><p>
<input type="text" class="g" id="inputbox" name="input" placeholder="www.example.com" width="100px"/>
</div>

Any other solutions? I managed only to make these. Preferable I use input text element. The span was just for a test. Thanks.