title: Javascript SRC is not working in IPhone Safari and Android
body: <p>As per the requirement i need to change the image src dynamically, hence i using JavaScript to accomplish this.</p>
  
  <p>I am accessing the image with id and adding new src depending on the user click, below is the code where i am getting the problem. Through out the process i am getting the updated SRC Data of image, but its looks strange that i could see updated image in desktop browser but not in Mobile safari and Andriod.</p>
  
  <p>Please help</p>
  
  <pre><code>//This is id for fetching the user data
  var text_food=document.getElementById("plateText_food");
  
  //User Data
  var currentFoodName=text_food.innerHTML; 
  
  //as per the requirement removing space and adding "-"
  var regExp = /\s+/g;
  var foodName=currentFoodName.replace(regExp,'-');
  
  //Detail URL
  var detailURL_food01 = 'img/beer_images_png/' + foodName + '.png';
  
  //id FOR ACCESSING IMAGE 
  var updateFoodImage=document.getElementById("detailURL_food");
  
  //adding updated src
  updateFoodImage.src = detailURL_food01;
  </code></pre>