A Simple Kendo UI MultiSelect With Default Values

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css" rel="stylesheet">
    <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px;
      }
      @media (max-width: 979px) {

        /* Remove any padding from the body */
        body {
          padding-top: 0;
        }
      }
    </style>
    <link href="style.css" rel="stylesheet">
  </head>
  
  <div class="container">
    <div class="row">
      <div class="span6">
        <h2>Friends</h2>
        <select multiple="multiple" id="friends">
          <option value="0">Derick Bailey</option>
          <option value="1" selected>Todd Anglin</option>
          <option value="2">Jim Cowart</option>
          <option value="3">Atanas Korchev</option>
          <option value"4">Rob Lauer</option>
          <option value="5" selected>Flint Lockwood</option>
        </select>      
      </div>
    </div>
  </div>
  
  
  
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
  
    <script>
      
      (function($) {
        $("#friends").kendoMultiSelect();
      }(jQuery));
      
    </script>
  
  </body>
</html>

// Add your javascript here

/* Put your css in here */