I have an AJAX call that is working fine in the back end, and I'm able to update various content on the page, but there is one piece of content that isn't getting touched and I'm not sure why.
Here's the HTML and I'm trying to update the content for the span with id="btotal":
<a href="#cart" role="button" data-toggle="modal" class="basket-count float-right hidden-xs"><i class="icon-shopping-cart"></i> <span class="hidden-xs hidden-sm"><span id="btotal">2</span></span></a>
You code is fine i think you have more than one element with same id, try see rendered html source and search for that id.
Otherwise you can do this, but not recommended as id must be unique for one element