JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-3.3.0/select2.css">
<script src="http://ivaynberg.github.com/select2/select2-3.3.0/select2.js"></script>
<div class="control-group">
	<label for="some_id" class="control-label">Some ID</label>
	<div class="controls">
        <input type="text" id="some_id" name="some_id" class="span4"/>
    </div>
</div>

JavaScript

$(function() {
    $('#some_id').select2({
        allowClear: true,
        placeholder: 'Some ID',
        minimumInputLength: 2,
        multiple: true,
        data: [
            {id: 1, text: 'some text'},
            {id: 2, text: 'some other text'},
            {id: 3, text: 'some more text'}
        ]
    });
    $('#some_id').select2('data', [
        {'id':1,'text':'some text'}
    ]);
    
    console.log($('#some_id').select2('val'));
});