             <input id='first-input#{index}'
                    class='panel-input'
                    type='text'
-                   tabindex=#{1 + tab_index}
                    value='#{bucket_item['description']}'
                    placeholder='description'><br>
         """
         move_to_button_or_empty = """
             <div class="btn-group panel-btn-group dropup">
-                <button type="button" class="btn btn-default panel-input">
+                <button type="button" class="btn btn-default">
                     Move To
                 </button>
                 <button type="button"
-                        tabindex=#{4 + tab_index}
-                        class="btn btn-default dropdown-toggle panel-input panel-dropup-button"
+                        class="btn btn-default dropdown-toggle panel-input"
                         data-toggle="dropdown">
                 <span class="caret"></span>
                 <span class="sr-only">Toggle Dropdown</span>
                 </button>
-                <ul id="panel-dropdown"
-                    class="panel-dropup dropdown-menu bucket-list panel-input"
+                <ul class="panel-dropup dropdown-menu bucket-list"
                     role="menu">
                 </ul>
             </div>

$(document).on 'click', '.bucket-dropdown-head', ->
    current_dropdown_item = null

$(document).on 'focusout', '.panel-dropup-button', ->
    panel_dropup_parent = $(this).parent()
    if panel_dropup_parent.hasClass('open')
        console.log 'close!'
        panel_dropup_parent.find('#panel-dropdown').toggle()

$(document).on 'focus', '.panel-dropup-button', ->
    panel_dropup_parent = $(this).parent()
    if not panel_dropup_parent.hasClass('open')
        console.log 'open!'
        panel_dropup = panel_dropup_parent.find('#panel-dropdown')
        panel_dropup.toggle()
        current_dropdown_item = panel_dropup.children().last().find('a')
        current_dropdown_item.focus()
        
#TODO there is probably a better way to do this...
$(document).on 'focusout', '.panel-dropup > li > a', ->
    primary_panel.find('.after-move-to').focus()
    $(this).parent().parent().toggle()

#TODO initial dropdown population shouldn't be an ajax call
#TODO nor should it be tied to a hard-coded bucket name
#TODO maybe this should be done with partials that are rendered serverside on load

            <input id='first-input#{index}'
                   class='panel-input'
                   type='text'
                   value='#{bucket_item['first_name']}'
                   placeholder='first name'><br>
            <input class='panel-input'
                   type='text'
                   value='#{bucket_item['last_name']}'
                   placeholder='last name'><br>
        """
    bucket_item_panel = """
        <li  id='panel#{index}'
             class='panel panel-info'>
            <div class='panel-heading'
                 data-toggle='collapse'
                 data-parent='#accordion'
