title: Remove Data Attribute from an element
body: <p>I have a div tage where in I pass the "Accordion" class. Inside this div, I call a header , wherein I have data attributes:</p>
  
  <pre><code>@&lt;div id="@("divMain-" + c.RowKey)" class="accordianCollapsed" style="width: 98%"&gt;
      &lt;h2 id="@("h2Main-" + c.RowKey)" data-callid="@c.RowKey" data-fsids="@idCSV"&gt;
  </code></pre>
  
  <p>Now when I delete any of the accordion values, I want to delete the data attribute attached to it i.e. one of the fsIDs of the deleted item as well.
   But the problem I am facing is that data is deleted, but when I open the accordion again, the deleted data is repopulated unless refreshed. I do not want to reload my accordion.</p>
  
  <p>So how to remove the data attribute.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>$('#h2Main-' + rowkey).removeData(fsID); 
  </code></pre>
  
  <p>but it does not work. So I guess I have to delete it from the main data attribute "fsIDs" only.</p>
  
  <p>Any help or solutions will be great.</p>
  
  <p>Thanks In Advance.</p>