Multi select bubbles in listview mobile

by manoj

HTML

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="b" >
  <div data-role="header">
    <h1>Multi select bubbles in listview</h1>
  </div><!-- /header -->
  <div data-role="content">
      <h2>Fixed by Holy Moly PR #4498</h2>
      <h2>Standalone</h2>

    <div data-role="fieldcontain">
      <label for="select1">Favorites:</label>
      <select id="select1" multiple="multiple" data-native-menu="false">
        <option>Choose Modell</option>
        <option value="2">BMW X3</option>
        <option selected value="3">BMW X5</option>
        <option selected value="5">BMW X6 xDrive5i</option>
      </select>
    </div>

    <div data-role="fieldcontain">
      <label for="select2">Favorites mini:</label>
      <select id="select2" multiple="multiple" data-native-menu="false" data-mini="true">
        <option>Choose Modell</option>
        <option value="2">BMW X3</option>
        <option selected value="3">BMW X5</option>
        <option selected value="5">BMW X6 xDrive5i</option>
      </select>
    </div>

    <h2>in Listview</h2>
    <ul data-role="listview" data-inset="true">
      <li>
        <div data-role="fieldcontain">
          <label for="select3">Favorites:</label>
          <select id="select3" multiple="multiple" data-native-menu="false">
            <option>Choose Modell</option>
            <option value="1">BMW X1</option>
            <option value="2">BMW X3</option>
            <option selected value="3">BMW X5</option>
            <option selected value="5">BMW X6 xDrive5i</option>
          </select>
        </div>
      </li>

      <li>
        <div data-role="fieldcontain">
          <label for="select4">Favorites mini:</label>
          <select id="select4" multiple="multiple"...