Flaskで画像を動的にテンプレートに貼り付けたい

Question

Flaskでテンプレートに画像を動的に貼り付けたいのですがうまくいきません。

以下のように、静的には画像を表示できるのですが、

<script type="text/javascript">
$(function(){	
	$("#ImgDisplay").children('img').attr("src", "{{ url_for('static', filename='jpgs/sample01.jpg') }}" ) ;
});
</script>
.....
<div id="ImgDisplay">
  <img alt=".">
</div>

これを動的に貼り付けるのはどうするのでしょうか？

例えば以下のようにしても、

<script type="text/javascript">
$(function(){
	var fn = "jpgs/sample01.jpg" ;		
	$("#ImgDisplay").children('img').attr("src", "{{ url_for('static', filename='" + fn + "') }}" ) ;
});
</script>

では、file not found になります。

他にもカッコで囲んだりしたのですが、うまく表示されません。

これはどのようにしたらいいのでしょう？