Q:

Jquery click on another element and display select options

at 1st kindly visit this fiddle:
http://jsfiddle.net/Y4LMX/
I was wondering is there a way to transfer the click? I meant, when I click on the green area ( <div class="arrow"/> ) in the meantime the wi<select> tag also get clicked, or selected and shows the options bellow. Is there a way to do this?
NB: I am doing this for IE supported <select> tag.
I tried with the following code:
$(".ie-arrow").click(function(){
     $(this).prev().find($("select").click());
});

but, It's not working. Can you solve it?
Thanks.

A:

Okay, following the Idea from answer no. two of this question, here is a solution: Visit this fiddle
javascript:
$(".drop1").append("<div onclick='runThis1()' class='arrow'></div>");
$(".drop2").append("<div onclick='runThis2()' class='arrow'></div>");

(function () {
        showDropdown = function (element) {
            var event;
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('mousedown', true, true, window);
            element.dispatchEvent(event);
        };

        window.runThis1 = function () {
            var dropdown = document.getElementById('dropdown');
            showDropdown(dropdown);
        };

        window.runThis2 = function () {
            var dropdown = document.getElementById('dropdown2');
            showDropdown(dropdown);
        };
    })();

