Icon for Button

Question

i need samples or some guidance on how to replace the back button with some icon (any) .actually working on multipage app and back button has to be replaced with any icons

 <script> $.getScript(path + "js/Page1.js"); </script> <p id="currentPage"></p> <div class="container"> <label>WRKID</label> <input type="text" id="wrkid"> <br> <br> <label>WRKNAME</label> <input type="text" id="wrkname"> <br> <br> <label>REFID</label> <input type="text" id="Refid"> <br> <br> </div> <input type="submit" class="appButton" value="INSERT" onclick="insert();"> <br> <br> <input type="button" id="backButtonPage2" class="appButton" value="BACK" onclick="currentPage.back();" /> 

 currentPage = {}; currentPage.init = function() { WL.Logger.debug("Page1 :: init"); }; currentPage.back = function() { WL.Logger.debug("Page1 :: back"); $("#pagePort").load(pagesHistory.pop()); }; 

Answer 1

currentPage = {};

currentPage.init = function() {
  WL.Logger.debug("Page1 :: init");
};
currentPage.back = function() {
  WL.Logger.debug("Page1 :: back");
  $("#pagePort").load(pagesHistory.pop());
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.3.12/d3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>