How to remove a specific <option> in a .post
<p>Here is my Jquery code:</p>

<pre><code>$('#unblockButton').click(function () {
                var blockedlist = [];
                var count = 0;
                $('#blockedList &gt; option:selected').each(function () {
                    count = count + 1;
                    blockedlist.push(this.value);
                    $(this).remove();
                });
                unblockDistributor(blockedlist.join(', '), count)
            });

    &lt;select multiple="multiple" class="listBox" name="blockedList" id="blockedList"&gt;
        &lt;option title="John Doe (3)" value="21"&gt;John Doe (3)&lt;/option&gt;
        &lt;option title="Jane Doe (4)" value="24"&gt;Jane Doe (4)&lt;/option&gt;
        &lt;option title="Jason Doe (5)" value="23"&gt;Jason Doe (5)&lt;/option&gt;
     &lt;/select&gt;
</code></pre>

<p>What I want to do is to save myself a page refresh and remove the  element in the Jquery, would be even better to do it only if the post was successful.</p>

<pre><code>function unblockDistributor(ID, count) {
            var distref = '&lt;%= dictlanguage("DistributorRef") %&gt;';
            var alertStr = ''
            if (count &gt; 1) {
                alertStr = 'You have removed ' + count + ' ' + distref.toLowerCase() + 's from your block list.';
            } else {
                alertStr = 'You have removed ' + count + ' ' + distref.toLowerCase() + ' from your block list.';
            }
            $.post('message_center_functions.asp', { action: "unblock", unblockID: ID }, function (data) {

            })
            .success(function () { alert(alertStr); })
            .error(function () { alert("There was an error while trying to make this request;  If it persists please contact support"); });
        }
</code></pre>
