new batchJob

needs all html buttons and dialogs. Example:
<html>
	<head> 
		<link rel="stylesheet" href="https://code.jquery.com/ui/1.9.2/themes/black-tie/jquery-ui.css"> 
	</head> 
<body> 

<div id="jobsDialog" title="Add an item" style="display:none;">
    <form>
        <fieldset>
            <label for="name">Name</label>
            <input type="text" name="name" id="name"  />
            <label for="url">URL</label>
            <input type="text" name="url" id="url" value=""  />
            <label for="level">Level</label>
            <select id="level" name="level" ></select>
        </fieldset>
    </form>
</div>
<div>
    <table id="jobsTable" >
        <caption>
            <h1>Items to build</h1>
        </caption>
        <thead>
            <tr>
                <th>Name</th>
                <th>Url</th>
                <th>Level</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
</div> 
<button id="addItem" style="display:none;">Add an item</button>
<button id="createItems" style="display:none;">Start batch job</button>
<button id="stopCreatingItems" style="display: none;">Stop batch job</button>
<div id="dialog-confirm" title="Start batch job" style="display:none;">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Start creating all the classes in the list. Are you sure?</p>
</div>
<div id="dialog-stop" title="Stop batch job" style="display:none;">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>This will stop creating the classes from the list. Are you sure?</p>
</div>

<script>
function say(what){console.log(what);}
</script> 

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script> 
<script src="batchJob.js"></script>  
</body>
</html>