JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css">
<div id="target">
    Put a button in me!
</div>

JavaScript

function GetSplitButton() {
    var btnContainer = null;

    var btnRun = $("<div>")
                .attr("id", "btnRun") ;

    //Make button a button, attach label and callback function
    btnRun.button({
        icons: {
            primary: "ui-icon-clipboard"
        },
        label: "Run me!!!"
    });

    var btnSelect = $("<div>")
                    .attr("id", "btnSelect") 
                    .append("Select an action")
                    .button({
                        text: false,
                        icons: {
                            primary: "ui-icon-triangle-1-s"
                        }
                    });

    var btnSplitButton = $("<div>")
            .attr("id", "divSplitButton")
            .append(btnRun)
            .append(btnSelect)
            .buttonset();

    //This is a horrible, horrible hack that works around a jQuery UI bug
    //btnRun.removeClass("ui-corner-right").addClass("ui-corner-left");
    //btnSelect.removeClass("ui-corner-left").addClass("ui-corner-right");

    btnContainer = $("<div>")
                        .attr("id", "divSbContainer")
                        .append(btnSplitButton);

    return btnContainer;
};

$("#target").append(GetSplitButton());