How to properly add jQuery scripts to WordPress

jquery-boilerplate.js

// Loading scripts in footer
(function($) {
	"use strict";

	// example for document ready
	$(document).ready(function() {
		// Your code here
 	});
	
}(jQuery));


// Loading scripts in header
jQuery(document).ready(function($) {
	$('.hideable').on('click', function() {
		$(this).hide();
	});
});