how to add a div before the ul tag

I am using wordpress and i want to add two divs before the sub-menu part ul tag .My code is like this .

<ul class='main_ul'>
    <li>link 1</li>
    <li class='has_submenu'>link2</li>
    <ul>
        <li>link</li>
        <li>link</li>
    </ul>
    </li>
</ul>

i want like this

<ul class='main_ul'>
    <li>link 1</li>
    <li class='has_submenu'>link2</li>
    <div class='scrol'>
        <div class='overview'>
            <ul>
                <li>link</li>
                <li>link</li>
            </ul>
        </div>
    </div>
    </li>
</ul>

how this is possible with jQuery or wordpress??
thanx in advance

Read more here: how to add a div before the ul tag

Related Wordpress search:

Wordpress related questions and answers: