jquery selectable: How to make items selected at 1st load
<p>I am using jquery selectable to select items within a .net listview. user can select his desired item and can save it by clicking a save button. Next time when the user will come to page, he will be able to see his previously selected item. </p>

<p>Using Jquey selectable plugin user can select an item by clicking it. 
Now My question is: 
1. How can I display the existing selected item at 1st load 
2. After selecting items how can I get selected item's value from code behind page so that I can save it to database.</p>

<p>Any suggestion?</p>

<p>Thanks in advance.</p>

<p>my html code is:</p>

<pre><code>&lt;ul id="ulSelectable" class="ui-selectable"&gt;
  &lt;li id="196500" class="ui-selectee ui-selected"&gt;
    &lt;div id="dvItem"&gt;
      &lt;img id="Interest_lvResult_ctrl0_ctl00_imgInterest" src="Images/Pic1.jpg"/&gt;
    &lt;/div&gt;
    &lt;div class="Profile_Interests_Card_ItemName"&gt; Driver &lt;/div&gt;
  &lt;/li&gt;
  &lt;li id="196600" class="ui-selectee"&gt;
    &lt;div id="dvItem"&gt;
      &lt;img id="Interest_lvResult_ctrl0_ctl01_imgInterest"  src="Images/Pic2.jpg" /&gt;
    &lt;/div&gt;
    &lt;div class="Profile_Interests_Card_ItemName"&gt; Builder &lt;/div&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>And my javascript:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    var setSelector = "#ulSelectable";
    $(function() {
        $(setSelector).selectable({ filter: 'li' });

    });

&lt;/script&gt;
</code></pre>
