How do I programatically force an onchange event on an input?

var code = ele.getAttribute('onchange');
eval(code);

document.getElementById("test").onchange()

$("#element").trigger("change");

function fireEvent(element,event){
    if (document.createEventObject){
        // dispatch for IE
        var evt = document.createEventObject();
        return element.fireEvent('on'+event,evt)
    }
    else{
        // dispatch for firefox + others
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true ); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}

<input id="test1" name="test1" value="Hello" onchange="alert(this.value);"/>
<input type="button" onclick="document.getElementById('test1').onchange();" value="Say Hello"/>

$('#elementId').change(function() { alert('Do Stuff'); });

$addHandler($get('elementId'), 'change', function(){ alert('Do Stuff'); });

<input type="text" onchange="alert('Do Stuff');" id="myElement" />

$addHandler($get('elementId'), 'change', elementChanged);
function elementChanged(){
  alert('Do Stuff!');
}
function editElement(){
  var el = $get('elementId');
  el.value = 'something new';
  elementChanged();
}

$get('elementId')._events

function triggerEvent( elem, type, event ) {
    if ( $.browser.mozilla || $.browser.opera ) {
    	event = document.createEvent("MouseEvents");
    	event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView,
    		0, 0, 0, 0, 0, false, false, false, false, 0, null);
    	elem.dispatchEvent( event );
    } else if ( $.browser.msie ) {
    	elem.fireEvent("on"+type);
    }
}

var event;
triggerEvent(ele, "change", event);