$(document).ready(function(){
 	var color = [
	/*Dependent On: 1_tier*/
 	{'When': 'WO-1001','Value': 'blue','Text': 'blue'},
	{'When': 'WO-1001','Value': 'pink','Text': 'pink'},
	{'When': 'WO-1001','Value': 'yellow','Text': 'yellow'},
	{'When': 'WO-1002','Value': 'blue','Text': 'blue'},
	{'When': 'WO-1002','Value': 'pink','Text': 'pink'},
	{'When': 'WO-1002','Value': 'yellow','Text': 'yellow'},
	{'When': 'WO-1000','Value': 'blue','Text': 'blue'},
	{'When': 'WO-1000','Value': 'pink','Text': 'pink'},
	]
	/* Connect #2_color to #1_tier */
    jQuery("#2_color").cascade("#1_tier", {
        list: color,
        template: commonTemplate,
        match: commonMatch
    });
	 $('#1_tier').trigger("change.cascade");
});