auto back button icon showing left arrow

auto back button icon showing left arrow

I can't seem to get the icon on the auto back button to show the correct "back" icon - it always shows the left arrow.  Based on my head section and an example page below, any one have an idea of what I'm missing?

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SV/AM Coach Guide</title>
<link href="jquery-mobile/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.3.0.min.js" type="text/javascript"></script><!-- This reference to cordova.js will allow for code hints as long as the current site has been configured as a mobile application. To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... --><script src="/cordova.js" type="text/javascript"></script>
</head>

---example page

<div id="manifesto" data-role="page" data-theme="d" data-add-back-btn="true" data-icon="back">
  <div data-position="fixed" data-role="header" data-theme="b">
    <h1>Manifesto</h1>
    <a href="index.html" class="ui-btn-right" data-icon="home" data-rel"back">Home</a> </div>
  <div data-role="content">
    <p> <strong>General Attributes of a Green Star:</strong></p>
    <p>- Can put on, take off,  & carry equipment.</p>
    <p>- Can walk on one and two skis.</p>
    <p>- Can get up unassisted.</p>
    <p>- Can side step uphill.</p>
    <p>- Wedging and controlled speed.</p>
    <p>- Use good stance.</p>
  </div>
  <div data-position="fixed"data-role="footer" data-theme="b">
    <h4>SV/AM V1.1 </h4>
  </div>
</div>


Thanks