I am looking for a way to display items in a list only once if they are repeated, and remove any items that are not repeated. What is the best approach to achieve this? Take into consideration the following function:
{
alert("Hello");
var symptomname = $('#symptomname').val();
$.getJSON('http://54.148.253.123/HHS_Service/HealthService.svc/DiseaseGetBySymptom', { SymptomName: symptomname }, function (data) {
var tasks = $.parseJSON(data.d);
alert(tasks);
$.each(tasks, function (key, value) {
$('<div data-role="collapsible" data-content-theme="a" data-collapsed="true"><h3>' + value.DiseaseName +
'</h3><ul data-role="listview" id="search1ListView" data-inset="true" data-theme="a"><li><strong>Detail:</strong><span> '
+ value.Descr +
'</span></li></ul></div>').appendTo('#foundDisease');
// refreshing collapsible created dynamically "its necessary to refresh for a jQuery look and feel"
$('div[data-role=collapsible]').collapsible({ theme: 'a', refresh: true });
$("#clear").click(function () {
$("#foundDisease").empty();
});
});
});
}