I'm trying to code a jQuery script that adds some functionality to a button. 
Basically when I click a button (ex: Settings), I want to add that specific text (ex: Settings), to a different div (the div is predefined with css rules), just like how a google chrome tab works.

```
$(document).ready(function() {
    var wButtons = document.getElementById('#wrapper');
    $(".buttonSettings").click(function() {
        var domElement = $('<span>Settings</span>').appendTo(wButtons);
        $(this).after(domElement);
    });
});

```

The code works partially, but it won't append to `#wrapper`, just under the `.buttonSettings` div. Also I should mention that I have a predefined number of tabs (max 6).

Thank you!