s0ren/paragraphsToForm.html

## paragraphsToForm.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").each(function(){
        var x = $(this).position();

        var hiddenInput = $("<input>", {type: "hidden", name: this.id, value: this.innerText });
            $("#theForm").append(hiddenInput);
        });
    });
});
</script>
</head>
<body>

<p id="first">This is a paragraph.</p>
<p id="2"> ... and this en anden paragraf </p>
<button>Return the top and left position of the p element, and add to the form</button>

    <form id="theForm">

        <input type="submit">
    </form>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script>
	$(document).ready(function(){
	$("button").click(function(){
	$("p").each(function(){
	var x = $(this).position();

	var hiddenInput = $("<input>", {type: "hidden", name: this.id, value: this.innerText });
	$("#theForm").append(hiddenInput);
	});
	});
	});
	</script>
	</head>
	<body>

	<p id="first">This is a paragraph.</p>
	<p id="2"> ... and this en anden paragraf </p>
	<button>Return the top and left position of the p element, and add to the form</button>

	<form id="theForm">

	<input type="submit">
	</form>

	</body>
	</html>