jquery - クリックで外部ページから画像をダウンロード

Question

私はこのシナリオを持っています。ボタンがある JSP ページ (First.jsp) があります。イメージを含む First.jsp に別の JSP ページ (Second.jsp) を含めています。First.jsp のボタンをクリックすると、Second.jsp のイメージがダウンロードされます。これどうやってするの？同じページに画像をダウンロードする次のものがあります。デモ

        <div id="download">
            <img src="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" id="image" />
           <a class="button" href="http://www.glamquotes.com/wp-content/uploads/2011/11/smile.jpg" download="smile.jpg">Download image</a>
        </div>

CSS:

    #image{
      height:250px;
      width:250px;
      float:left;
    }
    #dwnld{
      float:left;
    }

   .button {
     appearance: button;
     -moz-appearance: button;
     -webkit-appearance: button;
     text-decoration: none; font: menu; color: ButtonText;
     display: inline-block; padding: 2px 8px;
     font-size: 15px;
    }