Jquery using Insert button after page load then make fade in and out

Jquery Script code

<script type="text/JavaScript" src="../jquery-1.4.2.min.js"></script> <script type="text/JavaScript" src="../jquery-1.4.2.min.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ $('<input type="button" value="remove" id="removeButton">').insertAfter('#container'); $('p').html('good bye, cruel paragraphs!'); $('h2').text('All your titles are belong to us'); $("#removeButton").click(function(){ $('p').fadeOut(); $('h2').fadeOut(); }); $("#removeButton").click(function(){ $('p').fadeIn(); $('h2').fadeIn(); }); }); </script>

Design page

<div id="container"> </div> <p id="no-script"> We recommend that you have JavaScript enabled! </p> <p> </p> <h2> </h2>