JavaScript - Como muestro texto en un div?

$("document").ready(function(){

       $("#btnTabla").click(function(){

		alert("Inicio");

		var x = 0;

		var numero = $("#numTlaba").val();

		var y = 0;

		while(x<10){

			x+=1;

			y = x*numero;

			$("#resultado").load("<p>"+numero+"*"+x+"="+y+"</p>");

		}

	});

});

<div class="input-load">

	<div class="inputs">

		<input type="number" class="form-group" id="numTlaba" placeholder="Ingresa un numero">

		<hr>

		<button class="btn" id="btnTabla" >Enviar</button>

	</div>

        <div class="resultado">

	</div>

</div>

$("document").ready(function() {

    $("#btnTabla").click(function() {

        alert("Inicio");

        var x = 0;

        var numero = $("#numTlaba").val();

        var y = 0;

        var html = "";

        while (x < 10) {

            x += 1;

            y = x * numero;

            html += "<p>" + numero + "*" + x + "=" + y + "</p>";

        }

        $(".resultado").html(html);

    });

});