have to shift the tabindex between two elements

See more:

jQuery

HTML5

<div class=" yellow" data-name="notes" title="View Notes">
            <div class="title">
                <h3 id="notesid" >notes</h3>

                <div class="info">
                    <a href="#" id="clear-notes" title="Clear notes">Clear</a>
                </div>
            </div>
            <div class="body">

                <div class="content-area notes-area resizeble" style="height: 130px;">

                    <textarea   title="Notes" id="notes-textarea" rows="5" cols="15">Notes</textarea>
                </div>

            </div>
        </div>

In this code, I have a div with two focusable elements---- anchor element and a text area. By default the focus is first on anchor and then on textarea but I need to exchange the focus. According to me , Textarea wud be the first element to focus and anchor element second. Can anyone help me out in this... Thanks!!!!