public class Organization implements IOrganization {

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)

    @Column(name = "id")
    private Long id;

    @Column(name = "name")
    private String name;

    @Column(name = "level")
    private Integer level;

    @Column(name = "active")
    private Boolean active;

    @ManyToOne(optional=true, fetch=FetchType.LAZY)
    private Organization parentOrganization;

    @OneToMany(mappedBy="parentOrganization", targetEntity=Organization.class, cascade=CascadeType.ALL, fetch=FetchType.LAZY)
    private Set<Organization> organization = new HashSet<Organization>();

function addOrganization(){
    var organization = {};

    organization.id = null,
    organization.name = null;
    organization.level = null;
    organization.active = null;
    organization.parentOrganization = null;


    editRow=$("#organizationEditTemplate").jqote(organization);
    $("#modalMain").empty();
    $("#modalMain").append($(editRow));
    modal.modal({
        keyboard: false,
        backdrop: "static"
    });

    addEditOrganization(organization);
}

function addEditOrganization(organization){
    $('#modalSave').click(function(event){
        console.log("saving organization");
        var inputBoxes = $("#modalBody").children().find("input"),
        issues = false;
        for(var i=0; i< inputBoxes.length; i++){
            var inputBox = $(inputBoxes)[i];
            if($(inputBox).val().length == 0){
                $(issueList).append("<li>" + $(inputBox).prop("placeholder") + " can't be empty");
                $(alertBlock).show();
                issues = true;
            } else if($(inputBox).val().length > 1024){
                $(issueList).append("<li>" + $(inputBox).prop("placeholder") + " can't be larger than 1024 characters");
                $(alertBlock).show();
                issues = true;
            }
        }
        console.log("Are there issues? " + (issues ? "YES" : "NO"));
        if(!issues){
            var editedOrganization = {};
            editedOrganization.id = organization.id ? organization.id : null;
            editedOrganization.name = $(organizationName).val();
            editedOrganization.level = $(organizationlevel).val();
//          editedOrganization.active = $(organizationActive).val();
            //editedOrganization.parentOrganization = $(parentOrganization).val();

            modal.modal('hide');
            modal.children().unbind();
            console.log(editedOrganization);
            if(editedOrganization.id != null){
                saveOrganization(editedOrganization, function(savedOrg){
                    console.log(savedOrg);
                    //updateUser(savedUser);
                    //$(".tablesorter").trigger("update");
                });
            } else {
                //newUserButton.show();
                saveOrganization(editedOrganization, function(savedOrg) {
                    console.log(savedOrg);
                    //insertUser(savedUser);
                    //$(".tablesorter").trigger("update");
                });
            }
        }
    });
}

<script type="x-jqote-template" id="organizationEditTemplate">
            <![CDATA[
                <div class="modal-header">
                    <button type="button" class="close" tabindex="1" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3 id="modalHeader"><#= this.id ? 'Edit Organization' : 'Add Organization' #></h3>
                </div>

                <div class="modal-body" id="modalBody">
                    <div>
                        <div class="span7" style="margin:0px">

                            <div class="control-group" style="margin-top:10px">
                                <label class="span2 control-label" for="organizationName" style="width:auto" >Organization Name:
                                    <input type="text" id="organizationName" placeholder="organization Name" style="margin-top:5px" class="input-small" required="required" value="<#= this.name ? this.name : '' #>"/>
                                    <ul style="display:none"></ul>
                                </label>
                            </div>

                            <div class="control-group" >
                                <label class="span2 control-label" for="parentOrganization" style="width:auto" >Parent Organization:
                                    <input type="text" id="parentOrganization" placeholder="Parent Organization" style="margin-top:5px" class="input-small" value="<#= this.parentOrganization ? this.parentOrganization : '' #>"/>
                                    <ul style="display:none"></ul>
                                </label>
                            </div>

                        </div>
                    </div>

                    <div>
                            <div class="span4" >
                                <label class="control-label" style="width:auto" for="organizationlevel">level:
                                    <select class="organizationlevel span2" style="margin-left:5px; margin-top:5px" id="organizationlevel">
                                        <option selected="selected" id="organizationlevel-select" value="-1">-- Select --</option>
                                        <option id="organizationlevel-L1" value= 1 >L1</option>
                                        <option id="organizationlevel-L2" value= 2 >L2</option>
                                    </select>
                                </label>
                            </div>
                    </div>

                    <div class="row" style="margin-left:0px;">
                        <div class="span4" >
                            <label class="control-label" style="width:auto" for="organizationActive">Active:
                                <select class="organizationActive span2" style="margin-left:5px; margin-top:5px" id="organizationActive">
                                    <option selected="selected" id="OrganizationActive-select" value="-1">-- Select --</option>
                                    <option id="OrganizationActive-Q1" value = 1 >Yes</option>
                                    <option id="OrganizationActive-Q2" value = 0 >No</option>
                                </select>
                            </label>
                        </div>
                    </div>

                    </div>

                <div class="modal-footer">
                    <button class="btn" id="modalSave" tabindex="1" aria-hidden="true">Save</button>
                    <button class="btn" id="modalClose" tabindex="1" data-dismiss="modal" aria-hidden="true">Close</button>
                </div>
            ]]>
            </script>