title: How to show a "Saved!" message after Redirect() is made..?
body: <p>I am currently working in a MVC4 project.</p>
  
  <p>Imagine the following scenario:</p>
  
  <hr>
  
  <p><strong>(1)</strong> The user is allowed to add data to multiple tables and after that needs to confirm by hitting the Submit. <code>&lt;input type="submit" value="" id="saveBtn" title="Save" /&gt;</code> The reason there is no value is because I have CSS applied to the Submit.</p>
  
  <p><strong>(2)</strong> After that, to avoid a previous bug to prevent a refresh of the page to duplicate data, I need to Redirect the user in my Controller: <code>return Redirect("Edit?Id=" + id);</code></p>
  
  <p><strong>(3)</strong> After the Redirect() is made, <em>I want to show a simple message that says "Saved!" with a delay of 5 seconds</em>. I do not want an <code>alert("Saved!");</code>. </p>
  
  <hr>
  
  <p>I currently got a pseudo-solution working but not preferred. It's an simple click function in jQuery:</p>
  
  <p>CSS</p>
  
  <pre><code>.successMessage {
      color: darkgreen;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="successMessage" style="display: none;"&gt;Saved!&lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('#saveBtn').click(function () {
      $(".successMessage").delay(500).show(0);
  });
  </code></pre>
  
  <hr>
  
  <p>The problem is that, since I <code>Redirect();</code> the user, my message cannot be delayed with this "solution". And after a <code>Redirect();</code> is made, the message will not show up again.</p>
  
  <p>What is a better approach in order to get a 'delayed' message? Thanks in advance.</p>