jQuery Forum

<style>
  #feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 </style>

    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
 
 <link rel="stylesheet" href="jquery-ui-1.8.23.custom/development-bundle/themes/base/jquery.ui.all.css">
 <script src="jquery-ui-1.8.23.custom/development-bundle/jquery-1.8.0.js"></script>
 <script src="jquery-ui-1.8.23.custom/development-bundle/ui/jquery.ui.core.js"></script>
 <script src="jquery-ui-1.8.23.custom/development-bundle/ui/jquery.ui.widget.js"></script>
 <script src="jquery-ui-1.8.23.custom/development-bundle/ui/jquery.ui.mouse.js"></script>
 <script src="jquery-ui-1.8.23.custom/development-bundle/ui/jquery.ui.selectable.js"></script>
 <script src="jquery-ui-1.8.23.custom/development-bundle/ui/jquery.ui.datepicker.js"></script>
 <link rel="stylesheet" href="jquery-ui-1.8.23.custom/development-bundle/demos/demos.css">
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
 
 <script>

  $( "#selectable" ).selectable({                                ////////////////Where the error is showing
   selected: function(event, ui){
    var selectedValue = ui.selected.value;
    if (selectedValue == 1){
     $("#content").load('testing.html');
    }
   }
  });