title: location.reload loads multiple times.. Have to reload only once on click
body: <p>As per client request, i need to reload particular div container area. Is it possible to refresh div container on click without ajax?</p>
  
  <p>Instead, i tried to refresh the page using below code,</p>
  
  <pre><code> $('li.status-item a').click(function() {
      window.location.href=window.location.href;
  });
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$('li.status-item a').click(function() {
      location.reload();
  });
  </code></pre>
  
  <p>Both the codes works fine in my local environment. When i implement this in our CMS environment, getting auto refresh of the page every second after clicked the link. Not sure why its loads automatically. Need some one expertise to fix the issue.</p>
  
  <p>Please check this link for screenshot,</p>
  
  <p><a href="http://teshdigitalgroup.com/team/reload.JPG" rel="nofollow">http://teshdigitalgroup.com/team/reload.JPG</a></p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li class="status-item"&gt;
      &lt;a href="#" data-ng-click="setProfileStatus('single')"&gt;
          &lt;img srcset="images/icons/single.png" alt=""&gt;
          &lt;p&gt;Single&lt;/p&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="status-item"&gt;
      &lt;a href="#" data-ng-click="setProfileStatus('attached')"&gt;
          &lt;img srcset="images/icons/attached.png" alt=""&gt;
          &lt;p&gt;Attached&lt;/p&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="status-item"&gt;
      &lt;a href="#" data-ng-click="setProfileStatus('family')"&gt;
          &lt;img srcset="images/icons/family.png" alt=""&gt;
          &lt;p&gt;Young family&lt;/p&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  &lt;li class="status-item"&gt;
      &lt;a href="#" data-ng-click="setProfileStatus('retire')"&gt;
          &lt;img srcset="images/icons/retire.png" alt=""&gt;
          &lt;p&gt;Going to retire&lt;/p&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks</p>