jQuery Slider Orbit - moving bullets

I'm using the excellent Zurb plugin Orbit on my homepage, and I'm trying to move the bullets (typically below the slider) to a different location on the page (开发者_运维知识库in this case, in the header above the slider)

I tried the following code:

jQuery('.orbit-header').append(jQuery('ul.orbit-bullets'));

This removes the bullets, but they don't appear. I don't think it's that they haven't been generated yet, as I tried putting this in a function on the slide change and that didn't help.

Any ideas?

May be you need to modify the css :

http://jsfiddle.net/Awea/mZYX9/10/

Try this:

.orbit-bullets {
    display: table;
    text-align: center;
    top: -16px;
}