Add HTML based on Toggle Jquery
===

I have a toggle that was just made for a class I am getting to work. I need to add in hidden HTML based upon the toggle state.. Basically it needs to submit with the form with the state of the button.. Would this be the best way to grab it? I am posting the form also.

Here is what I have.. When I click the button, it adds the example text, but I need it to go away when I click again..

     $(document).ready(function () { 
    
    	$(".visibilitybutton").click(function(){
    	    $(this)
    	        .toggleClass("hide")
    	        .find("span").toggleClass("icon84 icon85")
    	        $('.buttons_secondary').append("<input type='hidden'>");
    	});
    
     });